News:

Want to get involved in developing SMF, then why not lend a hand on our github!

Main Menu

Helios Multicolor

Started by Bloc, March 08, 2006, 08:02:01 AM

Previous topic - Next topic

^Hawk^

Quote from: Northboun on January 31, 2011, 07:40:25 AM
Quote from: ^Hawk^ on January 30, 2011, 08:20:48 PM
Is there a way to lock the color to green and remove the color selection bar?

Have a look in: Admin - Current Theme - Turn off the color chooser

Thanks!  I totally missed that menu item while I was poking around.  Lots of other cool things in that section too.

Billy Hayes

Hiya, I've been trying to create a php script so i can have 6 banners to match the color tabs you have on the helios theme, but I've not had any look. Is there away you could provide the code so i can put it in above the login box on theme. For example I have a banner to match the brown tab, and a banner to match the red tab etc, I'd like a code so that when i click on the red tab the matching banner shows up with it, and then when i click on the brown tab the matching brown banner shows

Is it possible to make a code like that?

bloc

You need to check the index.template.php and modify the code..or rather the inline CSS on that section. The bit you are looking for is this:

     <form action="', $scripturl, '" style="text-align: right; margin-right: 30px; margin-bottom: 2px; margin-top: 2px;" method="post" class="smalltext">
         <input style="border: solid 1px #808080; background-color: #503000; color: #503000; font-size: 6px;" type="submit" value="brown" name="options[theme_color]">
         <input style="border: solid 1px #808080; background-color: #600000; color: #600000; font-size: 6px;" type="submit" value="red" name="options[theme_color]">
         <input style="border: solid 1px #808080; background-color: #908000; color: #908000; font-size: 6px;" type="submit" value="golden" name="options[theme_color]">
         <input style="border: solid 1px #808080; background-color: #005000; color: #005000; font-size: 6px;" type="submit" value="green" name="options[theme_color]">
         <input style="border: solid 1px #808080; background-color: #000040; color: #000040; font-size: 6px;" type="submit" value="blue" name="options[theme_color]">
         <input style="border: solid 1px #808080; background-color: #606060; color: #606060; font-size: 6px;" type="submit" value="silver" name="options[theme_color]">
       </form>';

Billy Hayes

Hello Bloc


i have been to the code given above and added the following to it:


       <form action="', $scripturl, '" style="text-align: right; margin-right: 30px; margin-bottom: 2px; margin-top: 2px;" method="post" class="smalltext">
         <input style="border: solid 1px #808080; background-color: #503000; color: #503000; font-size: 6px;" type="submit" value="brown" name="options[theme_color]" href="hxxp:i284.photobucket.com/albums/ll37/BillyHayes/castle2-1.jpg [nonactive]">
         <input style="border: solid 1px #808080; background-color: #600000; color: #600000; font-size: 6px;" type="submit" value="red" name="options[theme_color]" href="hxxp:i284.photobucket.com/albums/ll37/BillyHayes/Sanctuary.jpg [nonactive]">
         <input style="border: solid 1px #808080; background-color: #908000; color: #908000; font-size: 6px;" type="submit" value="golden" name="options[theme_color]" href="hxxp:i284.photobucket.com/albums/ll37/BillyHayes/illustration_im.jpg [nonactive]>
         <input style="border: solid 1px #808080; background-color: #005000; color: #005000; font-size: 6px;" type="submit" value="green" name="options[theme_color]" href="hxxp:i284.photobucket.com/albums/ll37/BillyHayes/fantasy_art.jpg [nonactive]">
         <input style="border: solid 1px #808080; background-color: #000040; color: #000040; font-size: 6px;" type="submit" value="blue" name="options[theme_color]" href="hxxp:i284.photobucket.com/albums/ll37/BillyHayes/Wallpaper_edited-1-1-1-1-1.gif [nonactive]">
         <input style="border: solid 1px #808080; background-color: #606060; color: #606060; font-size: 6px;" type="submit" value="silver" name="options[theme_color]" href="hxxp:i284.photobucket.com/albums/ll37/BillyHayes/Untitled_edited-4.gif [nonactive]">
       </form>';

However it is not loading the images as the banner for some reason, however it dont seem to be loading the images at all

Please can you help me a little more

Thanks

bloc

It won't work adding a href to the buttons. They are "submit" buttons and as such you can only change the css on them.

The way I made those look like they do was to give them a background color, and a text color the same color as the background + a very small font-size. The result are small buttons(because of the font-size) and invisible text(because of the  same colors). So its not easy to simply exchange with background pictures. You could try..but the text would then show on top of them.

Billy Hayes

i think i am loosing the plot now lol

What i am trying to do is insert a header banner onto the site but when a member clicks on the colour palet that you designed i am wanting the banner to change aswell

i am just very unsure of how i can make this happen

Kindred

you would write conditional code around/within your banner IMG tag...

something like


<img blah blah src="mybanner_' . $context['option']['color'] . '.jpg" />


and you'd name each of your banners by color i.e. "mybanner_green.jpg", etc....


do note: I don't know the ACTUAL variable that Block used to store the color option in...
Слaва
Украинi

Please do not PM, IM or Email me with support questions.  You will get better and faster responses in the support boards.  Thank you.

"Loki is not evil, although he is certainly not a force for good. Loki is... complicated."

bloc

Ah, I misunderstood you. :) I thought you wanted to change the actual buttons lol..while you meant the logos.

Kindred, the variable you need there is $options['theme_color'].

bud01100

Bloc,

Do you have a link or download for the latest copy of your Helios theme?

We're upgrading from 1.1.14 to 2.0 Gold. Even if its not up to Gold Level, Ill take the latest.

Thanks

Quote from: Bloc on February 16, 2011, 03:10:37 AM
Ah, I misunderstood you. :) I thought you wanted to change the actual buttons lol..while you meant the logos.

Kindred, the variable you need there is $options['theme_color'].

bud01100

Im using the most current Helios theme with smf 2.0 Gold.

FireFox Debug is telling me its getting the quote info from:

<blockquote class="bbc_standard_quote">

I cannot for the life of me find which file I need to change.

Right now its displaying the quote as transparent with the background, I need to fix it.

Thanks


bud01100

Quote from: Antechinus on June 21, 2011, 01:06:47 AM
index.css

I've tried that to no eval...

/* A quote, perhaps from another post. */
blockquote.bbc_standard_quote, blockquote.bbc_alternate_quote
{
font-size: x-small;
color: #000;
line-height: 1.4em;
background: url(../images/theme/quote.png) 0.1em 0.1em no-repeat #404d50;
border-top: 2px solid #99A;
border-bottom: 2px solid #99A;
padding: 1.1em 1.4em;
margin: 0.1em 0 0.3em 0;
overflow: auto;
}


Via FireFox when I replace the class=quote, I get a nice background.

bloc

The latest will soon be added here, testing it now.

bloc

Helios for SMF 2.0 Final added.

- couple of small tweaks to the CSS
- new license added, Helios is now using the BSD license(not the SMF one)

Antechinus

Ok, ask Bloc then. It's his theme. I'll merge this with the Helios support thread. :)

bloc

Quote from: Antechinus on June 22, 2011, 02:06:07 AM
Ok, ask Bloc then. It's his theme. I'll merge this with the Helios support thread. :)
Ask me what? :)

bloc

oh, I see.

Look at style.css in Helios root folder too, Helios is using both css/index.css and style.css.

braddasexy

Can I use TP with this theme?  Also which TP version do I download?  I just installed SMF 2.0 yesterday.  Thanks so much for the help.

bloc

Latest will work fine, the Tinyportal 1.0 RC2 version.

bud01100

Quote from: Bloc on June 22, 2011, 10:54:14 AM
Latest will work fine, the Tinyportal 1.0 RC2 version.

On the Helio smf20gold release, The Show Member Bar on index board doesnt seem to be working. I check and uncheck it in the theme options and it wont appear?

Advertisement: