Home :: Forums :: Register :: Sign In :: Links :: Downloads
You are not signed in. Please sign in. If you have not registered, please click here.
Go Back Home >> Forums >> Post your Website
Reload this Page After several months of tweaking.

After several months of tweaking.

  Post new topicReply to topicPrintable Version
<< View previous topic View next topic >>
Add To: Del.icio.us  Digg  Google  Spurl  Blink  Furl  Y! MyWeb   More...
#1. Mon Dec 15, 2003 11:21 am   After several months of tweaking.
Donovan
CZ Active Member
 Codezwiz Site Donator
Donovan has been a member for over 4 year's 4 Year Member
usa.gif ohio.gif
Occupation: Web Developer
Fav. Sports Team: St Louis Cardinals
 Status: Offline
Joined: Dec 03, 2003
0.09 posts per day
Posts: 160
Points: 9,216
   
My first foray into the world of PHPNuke.
[ Register or login to view links on this board. ]

How can I get my logo to resize based on what resolution the users has.

Needs further work, but its a start.
Back to top Reply with quote
#2. Mon Dec 15, 2003 11:31 am   
Kelly_Hero
PayPal Donation
Asst. Admin
 Codezwiz Site Donator
Kelly_Hero has been a member for over 5 year's 5 Year Member
usa.gif southcarolina.gif
Occupation: Web Developer
Age: 43
Website: www.myleague.com/bandr
 Status: Offline
Joined: Aug 20, 2003
2.04 posts per day
Posts: 3763
Points: 351,412
   
Here's a Javascript that displays a different image for different screen resolutions. You'll need to make three different images of your logo at different sizes and change the dimensions in the script to match the dimensions of your images.

[ Register or login to view links on this board.]

Kelly
Back to top Reply with quote
#3. Mon Dec 15, 2003 11:39 am   
Donovan
CZ Active Member
 Codezwiz Site Donator
Donovan has been a member for over 4 year's 4 Year Member
usa.gif ohio.gif
Occupation: Web Developer
Fav. Sports Team: St Louis Cardinals
 Status: Offline
Joined: Dec 03, 2003
0.09 posts per day
Posts: 160
Points: 9,216
   
So this would go in the top of the header.html in my themes directory?

This is what is on the top of the header.html

<div align="center"><table width="99%" border="0" cellpadding="0" cellspacing="0" background="themes/3rdID_Chronicles/images/body_background.jpg"></div>
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="60%"><a href="index.php"><img src="themes/3rdID_Chronicles/images/logo.gif" border="0" alt="Welcome to $sitename"></a></td>
          <td width="40%">$showbanners</td>
        </tr>
      </table>



Back to top Reply with quote
#4. Mon Dec 15, 2003 12:09 pm   
Kelly_Hero
PayPal Donation
Asst. Admin
 Codezwiz Site Donator
Kelly_Hero has been a member for over 5 year's 5 Year Member
usa.gif southcarolina.gif
Occupation: Web Developer
Age: 43
Website: www.myleague.com/bandr
 Status: Offline
Joined: Aug 20, 2003
2.04 posts per day
Posts: 3763
Points: 351,412
   
Add the entire script into this cell between the <a href="index.php"></a> tags.

<td width="60%"><a href="index.php"><img src="themes/3rdID_Chronicles/images/logo.gif" border="0" alt="Welcome to $sitename"></a></td>


In the script, where you see

if (screen.height >= 768 && screen.width >= 1024) {
document.write("<img src='http://your-web-site-address-here.com/image.gif' width=850 height=11 border=0>");
}
else {
if (screen.height == 600 && screen.width == 800) {
document.write("<img src='http://your-web-site-address-here.com/image.gif' width=600 height=11 border=0>");
}
else {
document.write("<img src='http://your-web-site-address-here.com/image.gif' width=475 height=11 border=0>");


Change the src="" to match the path for your images. Then change the height and width to match the dimensions of the images you made.

Like this:

if (screen.height >= 768 && screen.width >= 1024) {
document.write("<img src='themes/3rdID_Chronicles/images/logo.gif' width=850 height=11 border=0 alt=Welcome to $sitename>");
}


Kelly
Back to top Reply with quote
#5. Mon Dec 15, 2003 8:14 pm   
MonkyAround
CZ Super Newbie
MonkyAround has been a member for over 4 year's 4 Year Member
Status: Offline
Joined: Dec 10, 2003
0.03 posts per day
Posts: 53
Points: 626
AIM Address Yahoo Messenger  
Hi Donovon.

Nice-site!!!!!!! I like the background...it is classy!....I am TID-Chandler just joined your site! :-) and again..nice site! icon_biggrin.gif icon_exclaim.gif
Back to top Reply with quote
#6. Mon Dec 15, 2003 8:48 pm   
Donovan
CZ Active Member
 Codezwiz Site Donator
Donovan has been a member for over 4 year's 4 Year Member
usa.gif ohio.gif
Occupation: Web Developer
Fav. Sports Team: St Louis Cardinals
 Status: Offline
Joined: Dec 03, 2003
0.09 posts per day
Posts: 160
Points: 9,216
   
Hey thanks alot. I would really like to get a new theme for it though. Chronicles is a little worn out. Something Olive Drab, WW2 grunge, and Third Infantry related would be great.

I don't think CodeWiz does custom work though.

I like the WYSIWYG editor on these forums. Are these available for download?
Back to top Reply with quote
#7. Fri Dec 26, 2003 2:41 pm   
Dane
CZ Newbie
Dane has been a member for over 4 year's 4 Year Member
Status: Offline
Joined: Nov 24, 2003
0.01 posts per day
Posts: 11
Points: 1,440
   
WOW donovan
I run Chronicles on [ Register or login to view links on this board. ] but I love the way you have an image that spans the entire header or the site. I am fairly new at this...


How can I do that with a pic of our sanctuary or something like that?

Thanks!

Dane
Back to top Reply with quote
#8. Thu Jan 22, 2004 10:05 pm   re: After several months of tweaking.
Donovan
CZ Active Member
 Codezwiz Site Donator
Donovan has been a member for over 4 year's 4 Year Member
usa.gif ohio.gif
Occupation: Web Developer
Fav. Sports Team: St Louis Cardinals
 Status: Offline
Joined: Dec 03, 2003
0.09 posts per day
Posts: 160
Points: 9,216
   
You have to edit the header.html. Open the header file and look at the 6th line from the top. You have to change the length from 60% to 100%

Here is the original line
<td width="60%"><a href="index.php"><img src="themes/Chronicles/images/logo.gif" border="0" alt="Welcome to $sitename"></a></td>
          <td width="40%">$showbanners</td>
        </tr>
      </table>


And here is what I did:
<td width="100%"><a href="index.php"><center><img src="themes/3rdID_Chronicles/images/logo.gif" border="0" alt="Welcome to $sitename"></center></a></td>
        </tr>
      </table>



I added some "center" tags so the logo would center when someone has a different screen resolution.

I still need to implement the fix that Kelly posted. Your logo can be approximatly 995 pixels in length at 1024 resolution.

Sorry for not getting back to you sooner.

Hope this helps
Back to top Reply with quote
#9. Fri Jan 23, 2004 8:21 am   re: After several months of tweaking.
Dane
CZ Newbie
Dane has been a member for over 4 year's 4 Year Member
Status: Offline
Joined: Nov 24, 2003
0.01 posts per day
Posts: 11
Points: 1,440
   
Thanks Donovan, for your posts here and on my site. It was very kind of you.

N/P on taking so long to get back to me, I have been very busy with my "breadwinning" job anyway. Things are slowing down now and I'll be getting back on the site soon.

Thanks again!

Dane
Back to top Reply with quote
Display posts from previous:      
Add To: Del.icio.us  Digg  Google  Spurl  Blink  Furl  Y! MyWeb   More...
<< View previous topic View next topic >>
Post new topicReply to topic

Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You cannot attach files in this forum
You cannot download files in this forum