Home :: Forums :: Downloads :: Shop
  1. Home
  2. Forums
  3. Post your Website
  4. After several months of tweaking.

After several months of tweaking.

  Post new topicReply to topicPrintable Version
<< View previous topic View next topic >>
Share: Del.icio.us  Digg  Google  Spurl  Blink  Furl  Y! MyWeb  
#1.    After several months of tweaking.
Donovan
CZ Active Member
 Codezwiz Site Donator
Donovan has been a member for over 20 year's 20 Year Member
usa.gif ohio.gif
Occupation: Web Developer
Gender: Male
Fav. Sports Team: St Louis Cardinals
 Status: Offline
Joined: Dec 03, 2003
0.02 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.    
Kelly_Hero
PayPal Donation
CZ Revered Member
 Codezwiz Site Donator
Kelly_Hero has been a member for over 20 year's 20 Year Member
usa.gif southcarolina.gif
Occupation: Web Developer
Age: 59
Gender: Female
Website:
Status: Offline
Joined: Aug 20, 2003
0.50 posts per day
Posts: 3765
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.    
Donovan
CZ Active Member
 Codezwiz Site Donator
Donovan has been a member for over 20 year's 20 Year Member
usa.gif ohio.gif
Occupation: Web Developer
Gender: Male
Fav. Sports Team: St Louis Cardinals
 Status: Offline
Joined: Dec 03, 2003
0.02 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.    
Kelly_Hero
PayPal Donation
CZ Revered Member
 Codezwiz Site Donator
Kelly_Hero has been a member for over 20 year's 20 Year Member
usa.gif southcarolina.gif
Occupation: Web Developer
Age: 59
Gender: Female
Website:
Status: Offline
Joined: Aug 20, 2003
0.50 posts per day
Posts: 3765
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.    
MonkyAround
CZ Super Newbie
MonkyAround has been a member for over 20 year's 20 Year Member
Status: Offline
Joined: Dec 10, 2003
0.01 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.    
Donovan
CZ Active Member
 Codezwiz Site Donator
Donovan has been a member for over 20 year's 20 Year Member
usa.gif ohio.gif
Occupation: Web Developer
Gender: Male
Fav. Sports Team: St Louis Cardinals
 Status: Offline
Joined: Dec 03, 2003
0.02 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.    
Dane
CZ Newbie
Dane has been a member for over 20 year's 20 Year Member
Status: Offline
Joined: Nov 24, 2003
0.00 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.    re: After several months of tweaking.
Donovan
CZ Active Member
 Codezwiz Site Donator
Donovan has been a member for over 20 year's 20 Year Member
usa.gif ohio.gif
Occupation: Web Developer
Gender: Male
Fav. Sports Team: St Louis Cardinals
 Status: Offline
Joined: Dec 03, 2003
0.02 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.    re: After several months of tweaking.
Dane
CZ Newbie
Dane has been a member for over 20 year's 20 Year Member
Status: Offline
Joined: Nov 24, 2003
0.00 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  
<< 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

∧