How hard would it be to change the red colors of this new theme to blue?
Well, it would be pretty difficult. It would be almost like a new theme as all of the background images would need to be redone. For instance, the main_block.png image for this theme looks like this ...
Changing all the colors in a theme is not as simple as just changing a few css color hex codes as you might think it is.
ZarPrime
I understand that I'd need to change all of the red text in the css and the red bars in the main_block.png (how do I do that btw?) but what else would I need to do?
Well, there are more images than just that one that would need to be done. Best thing I could tell you would be to look, assuming you have the theme downloaded, at the images inside the Themes/Flagrantly/images/theme/ folder on your site, or you could extract the zip file and find all the images and see which ones would need to be changed.
All I'm saying is that manipulating some of these images would be tricky as most of them consist of gradients rather than solid colors. Maybe Crip or Maxx can give you some pointers on this better than I could.
Out of curiosity, have you looked at some of the other themes that Crip has available for download here? There are some very nice blue ones. Maybe one of those would suit your needs. You might want to look at the various themes on the demo site. There is a dropdown at the top to select the different themes. Here's the link --> http://www.jpr62.com/demos/
ZarPrime
Yes as far as the images, they will need to be download to your local drive and edited with either Photoshop, or Fireworks or another Image editor, as ZarPrime mentioned these are some what touchy and care needs to be taken, not to miss align any of them.
Image and Fonts colors may need to be changed to keep with the color scheme!
If you do not have the tools or know not how to do these things, then you'll need to request a custom job or like Zar mentioned, chose another theme and there are many od various colors scheme to chose from! (FREE)
Jeff will not charge much for a custom job if you decide to go in this direction.
regards,
Maxx
http://e-p1.net/forum/
If you can figure out how to set it to theme #67, you can see the changes I've made so far.
Looks like the main problem I've got is the navbar, it doesn't like to be changed. Any ideas?
Here is the CSS code you need to play with:
index.css
#toolbar {
background: url("../images/id/toolbar.png") repeat-x scroll 0 0 transparent;
height: 35px;
margin-top: -3.5em;
}
#topnav {
height: 35px;
margin: 0;
padding: 0;
position: relative;
z-index: 1000;
}
#topnav ul {
margin: 0;
padding: 0;
}
#topnav li {
float: left;
list-style: none outside none;
margin: 0;
padding: 0 0 0 2px;
position: relative;
}
#topnav li a {
color: #7C7C7C;
display: block;
font-size: 11px;
line-height: 35px;
padding: 0 16px;
}
#topnav li a.active {
background: none repeat scroll 0 0 #DBE2EA;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
color: #556272;
display: block;
font-weight: 900;
margin-left: 6px;
padding: 0 15px;
}
#topnav li a:hover, #topnav li:hover a, #topnav li.sfhover a {
background: url("../images/theme/ative.png") no-repeat scroll 50% 0 transparent;
color: #5A6C85;
text-decoration: none;
}
#topnav li:hover li a, #topnav li ul li a:hover {
background: url("../images/theme/transbg.png") repeat-x scroll 0 0 #E4EAEF;
color: #5A6C85;
}
#topnav li li {
height: auto;
padding: 0;
width: 200px;
}
#topnav li li a, #topnav li li a:hover, #topnav li li a, #topnav a.active li a, #topnav li:hover li a, #topnav li.sfhover li a {
background: none repeat scroll 0 0 transparent;
color: #777777;
font-size: 11px;
font-weight: normal;
height: 30px;
line-height: 30px;
margin: 0;
text-transform: none;
}
#topnav li ul {
background: none repeat scroll 0 0 #F6F8FA;
left: -999em;
margin-left: -1px;
position: absolute;
width: 200px;
}
#topnav li ul ul {
margin: -27px 0 0 195px;
}
#topnav ul li li:hover, #topnav ul li li.hover {
position: static;
}
#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li.sfhover ul ul, #topnav li.sfhover ul ul ul {
left: -999em;
}
#topnav li:hover ul, #topnav li.sfhover ul {
left: 3px;
}
#topnav li li:hover ul, #topnav li li li:hover ul, #topnav li li.sfhover ul, #topnav li li li.sfhover ul {
left: 0;
}
and question just ask and the theme looks good so far friend!
Note thata you'll see in the code what image need changes!
regards,
Maxx
Yeah, that looks nice! Good luck with the latest bits an pieces ;)
Alright, I got the colors right, but there's a few small other things I'm wondering if you can help me with (it's not that I wouldn't love to contribute to Crip and have him make me one, but I can't afford it right now).
- I can't set a fixed width (it automatically fills my entire window...I'm assuming it's because I'm using an RC5 theme on RC4?) so can I fix that?
- I love this theme (hence why I'm putting so much work into it) but is there a way to put the quick login on the top right of the forum page instead of just the links? I'd just copy the code over but I don't know where to look for it.
Oh, one more thing, how do you replace the character on the linktree? Some themes have one that works (such as Threads), but this one shows up as a box on my limited character set, so I'd prefer to use one that has a better chance of being more universally recognized.
E-P1.net - The Original Micro Four Thirds Community � Who's Online
Quote from: voyager on Jun 06, 11, 10:48:19 AM
Alright, I got the colors right, but there's a few small other things I'm wondering if you can help me with (it's not that I wouldn't love to contribute to Crip and have him make me one, but I can't afford it right now).
- I can't set a fixed width (it automatically fills my entire window...I'm assuming it's because I'm using an RC5 theme on RC4?) so can I fix that?
- I love this theme (hence why I'm putting so much work into it) but is there a way to put the quick login on the top right of the forum page instead of just the links? I'd just copy the code over but I don't know where to look for it.
Admin > Current Theme >Modify the stylesheets. (colors, fonts, etc. > index.css
a window will open you index.css so you can edit, But please Copy and past this complete code to you note pad and save, for back up!
then look for the code I gave you above!
regards,
Maxx
your site seems to be offline for me...
Yeah, I'm not sure what happened...what you get for using Godaddy as your host I suppose.
Anyways, when it comes back online, I got all the color bits right, but how can I fix my width issue, along with the others I mentioned?
Yeah, I heard a lot of bad things about Godaddy. Its probably an error on their side. You should go with another host I think.
I was going to figure it out with firebug, but I need to view your site in order to do so...
I restarted my server, should be back up in 20 minutes or so.
Someday...I'll go to someone better.
Yeah, I've heard the GoDaddy is sometime more like "StopDaddy". :P
Have you ever used the Firebug addon with Firefox?
ZarPrime
Quote from: ZarPrime on Jun 06, 11, 11:07:44 AM
Have you ever used the Firebug addon with Firefox?
Me? Sure! ;)
Alright, it's working now.
No, I use Chrome which has its own extension, I just can't figure out how to fix things like I posted such as the width and putting in a quick login box.
You seem to have made an mistake in index.template.php. I am missing the:
<div style="width: 960px" id="wrapper">
That is what controls the width of your forum. Could you please attach the file here?
Well, I knew you had used it willemjan. :D
voyager, I don't know how much you pay GoDaddy but the host I'm with is really good, hardly ever any downtime, and always very fast with support. They have a great deal going right now ...
Anniversary Special
Unlimited disk space
Unlimited transfer per month
1000 e-mail addresses
Unlimited addon domains
100 MySQL databases
$11 per month
If you're interested in them, send me a PM and I'll give you a link,
ZarPrime
Quote from: ZarPrime on Jun 06, 11, 11:14:21 AM
Well, I knew you had used it willemjan. :D
LOL was just kidding, buddy ;)
Here you go.
Zar: Sure, send me the link.
[attachment deleted by admin]
Who sees the error in this code?
function template_body_above()
{
global $context, $settings, $options, $scripturl, $txt, $modSettings;
echo !empty($settings['forum_width']) ? '
<div id="wrapper" style="width: ' . $settings['forum_width'] . '">' : '', '
<div id="header">
<div id="head-l">
<div id="head-r">
<div id="userarea" class="smalltext">';
if (!empty($context['user']['avatar']))
echo '<div id="my-avatar" class="clearfix">
'.$context['user']['avatar']['image'].'
</div>';
if ($context['user']['is_logged'])
Don't look at me! I haven't changed the index.template since I downloaded the theme. Just the css files.
The odd thing is that it does show the header part on your site. So the error must be in this part:
echo !empty($settings['forum_width']) ? '
<div id="wrapper" style="width: ' . $settings['forum_width'] . '">' : '', '
Or where it closes this div
Does it have anything to do with the theme being RC5 and my forum being RC4? Otherwise I'm afraid you've lost me!
I think I found it. Try this one. But backup the old file first!
[attachment deleted by admin]
Nothing looks different in that one to me?
Just asking an obvious question, are you trying to fix the threads theme or did you change it to the Flagrant one?
If not though, everything still looks exactly the same (full page width, no quick login box (just the links there)).
http://e-p1.net/index.php?action=forum&theme=67
No, nothing changed. Please put back the original file. I run into an dead end. I'm sure one of the other guys can help you.
Thanks for trying!
Ok, found anotherone. Upload this one, and backup the old file again ;)
There is an </div> missing, but not sure where... LOL
[attachment deleted by admin]
Still looks the same.
Ok, this is my last try
[attachment deleted by admin]
I fixed the width issue, BTW.
Still just text on the quick login box.
Well, I'm running a little behind and it seems like you fixed the width issue but, for those people who might be searching for an answer to it ...
Go to Admin Configuration while using the theme, and select "Current Theme". There is a setting in there to set the Forum Width as shown below ...
Quote
Forum width:
Set the forum width. Examples: 950px, 80%, 1240px.
Thats what I was trying to fix LOL. 1 step at a time. What did you do to fix it?
While using the theme, go to Admin --> Configuration and select "Current Theme" from the menu. You set the width of the theme there. Click this image below to see it ...
(http://i714.photobucket.com/albums/ww142/ZarPrime/Crip-Flagrantly-Forum-Width.png)
ZarPrime
Quote from: voyager on Jun 06, 11, 10:49:33 AM
Oh, one more thing, how do you replace the character on the linktree? Some themes have one that works (such as Threads), but this one shows up as a box on my limited character set, so I'd prefer to use one that has a better chance of being more universally recognized.
E-P1.net - The Original Micro Four Thirds Community � Who's Online
So many issues. I know Crip knows exactly how to fix this but I would have to search the Forum here to find the answer because I don't recall what it is right now. What is your default Forum Language? English, English-utf8, or what?
ZarPrime
Quote from: ZarPrime on Jun 06, 11, 12:14:18 PM
While using the theme, go to Admin --> Configuration and select "Current Theme" from the menu. You set the width of the theme there. Click this image below to see it ...
(http://i714.photobucket.com/albums/ww142/ZarPrime/Crip-Flagrantly-Forum-Width.png)
ZarPrime
Actually, the wrapper div wasnt closed. That was what I tried to fix with those index.template.php files. If the div isnt showing, then that setting doesnt work. So I would love to know how voyager solved this.
Will,
In that code you posted earlier ...
echo !empty($settings['forum_width']) ? '
<div id="wrapper" style="width: ' . $settings['forum_width'] . '">' : '', '
<div id="header">
<div id="head-l">
<div id="head-r">
<div id="userarea" class="smalltext">';
... none of those div's were closed. I don't think you posted all of the code but I never looked at the file either.
JH
I added a width to the body tag in the css.
I'm not sure how to tell which character set my forum is using, where do I find it?
Willemjan,
You're right, I just looked at the whole index.template.php that voyager posted first in this topic and this div is not closed anywhere ...
<div id="wrapper" style="width: ' . $settings['forum_width'] . '">
Maybe one of us (you maybe) should mention this to Jeff.
Voyager, look in Admin, under Configuration and drop down to Languages in the menu. The default language will have a radio enabled.
ZarPrime
ISO-8859-1
Quote from: voyager on Jun 06, 11, 12:45:55 PM
I added a width to the body tag in the css.
That is actually wrong, and could cause problems in other browsers.
Quote from: ZarPrime on Jun 06, 11, 12:52:00 PM
You're right, I just looked at the whole index.template.php that voyager posted first in this topic and this div is not closed anywhere ...
<div id="wrapper" style="width: ' . $settings['forum_width'] . '">
Maybe one of us (you maybe) should mention this to Jeff.
Correct, the wrapper part doesn't get closed. Thats why it doesn't use the setting in the admin panel. Do you know where to place the </div>? I tried it at 3 places, but none of them worked.
How can it cause problems in browsers? I made the body a fixed percentage width, it shouldn't do anything.
Because not every browser has the same way to handle CSS properties. IE for example has an habit of showing sites wrong, while others show it correct.
Quote from: willemjan on Jun 07, 11, 06:21:11 AM
Correct, the wrapper part doesn't get closed. Thats why it doesn't use the setting in the admin panel. Do you know where to place the </div>? I tried it at 3 places, but none of them worked.
Will, I'm going to have to look at the file as a whole and this might take awhile. That div could be closed somewhere below the start of the next function. This might take awhile, especially since I'm getting ready to go out of town today, possibly for a couple of days.
Interestingly though, I installed this theme on one of Jeff's test sites (http://www.jpr62.com/tp/index.php?theme=5) and I just now set the width in Admin to be 70% (it was at 95%) and it worked just fine for me. Take a look.
That is indeed really odd... But then again, the blue theme is an modified theme. Its an different situation.
I'm almost positive that it has to do with the closing div tag missing
btw, your going out for fun?
I don't know what I'm missing, here but you should not edit any php file to adjust the width, this is done either through the Admin control (current theme) or by editing the index.css file as below:
div#wrapper {
margin: 0 auto;
max-width: 2300px;
min-width: 780px; <!-- I would remove this -->
width: 95%; <!-- adjust width with this line -->
}
Note this code is from your site and is wrong, it should be 3 variables here, the min-width should probably be removed, this will confuse the browser engines.
If you change the index.template.php, this should be Fixed!
Please voyager let's take these issues one at a time!
regards,
Maxx
Thats the problem. That won't work. Use firebug on his site, and see if you can find the div called wrapper in the page. It doesn't get loaded. So you can change the CSS or the admin value, but nothing happens.
All this is probably because the wrapper div doesn't get closed. Take an look at the index.template.php, and you'll see :)
Here is what I see:
<body>
<div id="wrapper">
<div id="header">
<div id="head-l">
<div id="head-r">
</div>
</div>
<!-- should maybe place another 2 </div> tag here 4 calls 2 div closed! -->
the complete summery as below:
<body>
<div id="wrapper">
<div id="header">
<div id="head-l">
<div id="head-r">
</div>
</div>
<div id="toolbar">
<div id="bodyarea">
<div id="footer">
</div>
<div class="highslide-container" style="padding: 0pt; border: medium none; margin: 0pt; position: absolute; left: 0pt; top: 0pt; width: 100%; z-index: 1001; direction: ltr;">
</body>
</html>
regards,
Maxx
So your saying that quite a lot of the divs dont get closed?
Sorry Will was busy, not just the 2 on the top code let me correct my post!
Edit 2 close tags!
regards,
maxx
Maybe it is better to ask for admin login? Then we can tinker at the site ourselves
Yes this what we should have done, good idea Bro!
But pls keep in mind we need to correct the CSS file at the same time.
if it can be adjusted through the Admin Current theme, we need to remove the "width:95% part, and set it from the admin if possible if not then try the index.css edit!
regards,
Maxx
Correct! So voyager, could you please create an temp admin account for us? This works a lot faster.
Will you may want to try this?
hope I'm right on this?
<div id="wrapper" style="width: ' . $settings['forum_width'] . '">' : '', '
<div id="header">
<div id="head-l">
<div id="head-r">
<div id="userarea" class="smalltext">';
if (!empty($context['user']['avatar']))
echo '<div id="my-avatar" class="clearfix">
'.$context['user']['avatar']['image'].'
</div></div></div></div>';
regards,
Maxx
I'm quite lost now. You want a test admin account to do what now?
Well for one thing we are spending way too much time trying guide you through this and it's time for someone to get in to your files and make the changes need to correct your theme issues. With all this we could have done a complete custom theme, so if you want more help you'll need to PM William your log-in info so he may correct this stuff. Way too many post for these issues! hope you understand!
regards,
maxx
To fix the problem with the wrapper div, and add the quick login @ the header. Maybe even correct the questionmark issue you have, if you havent done this yourself yet ;). Dont worry, I wont mess up your forum ;). I have helped lots of people by getting admin, and all are happy with the result. you can delete the account when I'm ready
I was wrong! The admin setting does work... :uglystupid2: :uglystupid2: :uglystupid2: :uglystupid2: :uglystupid2: :uglystupid2:
Ok, I fixed the link-tree problem. Added the login-box for guests in the header. The wrapper suddenly seems to work, so I guess we are done here! O0
i have the .psd files used in theme , but they aren't *free* ----
We are done here. Have an look:
http://e-p1.net/forum/?theme=67
Awesome bro ' :up:
Yes Bro good job and thanks!
Glad you got ur done!
regards,
maxx
We got an approval from Crip? Nice!
This topic should get locked now. Way to many pages!
It's usually not necessary to lock a topic but this one got so bloated, it's probably not a bad idea. However, we need to do a better job of letting members know that, if they have more than one issue, they should indeed start a separate topic for each issue. Not only does it keep topics from getting long like this one was but it is much easier for other members to find the answer to a similar problem by simply doing a search.
So, voyager, you should have started one topic on the linktree issue, another one on how to add the login box to the header, another one for another issue (I can't even remember how many issues this topic actually had and I'm certainly not planning on going back to read the whole topic to find out.)
Anyway, Willemjan, sorry I had to quickly go out of town briefly and wasn't able to help you but if looks like you solved all the issues. Good Job. O0
ZarPrime
Attention members!
Everyone here wants to help you, but at time it gets out of hand!
All true, and I don't mind helping with bugs if any! but some of these guys get You started and don't finish until we do a complete custom theme for them, this what I try to avoid. ( Custom work is not free) it's supports the site maintenance!!
Like Crip said his themes are free, ( there are also so many to chose from.)
if we have to completely modify and or customize them by hand.
And if they have too many issues it's best we get a list, then correct them on there site and then tell you, the user what we did it>!
Can't see writing a book every time some one needs custom work done... I have found that Crip's theme do not have that many bugs, that we need to have pages of instructions and well over 50 or 60 post!
So in short if you want to change the Nav menu, User areas, headers and php coding, then chances are you need custom work, and a donation maybe required.
We can also help with minor logo and or image edits as well as one or to CSS edit!
I have placed rules and guidelines for the members to read follow!
regards,
Maxx