pimp my template v2.1

**nocomp** · 05-26-2007, 07:28 AM

hi folks,
this is my script http://www.glissemagtv.com/index.php i would like to add background images behing the tag list and also behind the thre "record/upload/share "
Any ideas where i can find them?
is it possible to set a bckg image for the main part of the website where videos are?
anybody tried it?
best regards

**bosco500** · 05-27-2007, 05:24 PM

You need to edit the templates/index.tpl file. The "record/upload/share" is set up in a table, so yes you could use a background image.

The "Recent Tags" are set up in a table also, in the file "templates/right.tpl".

**nocomp** · 05-27-2007, 05:32 PM

hi bosco, thx a lot.
atm i am working on header.tpl, here s my trouble
this is the code:

Code:

<TABLE cellSpacing=0  border="0"  cellPadding=0 width="100%" >
<link rel="stylesheet" type="text/css" href="css/fond.css"> 
<TR vAlign=center >
<td align="right" width=400 ><background ="{$baseurl}/modimg/fondhautg.jpg">[img]{$baseurl}/templates/images/glissemagtv.gif[/img]</td>

<td width=300 ><span class="style1"></span></td>

<TD align=center ><span class="normal_blue">

{insert name="msg_count" assign=total_msg}


<TABLE cellSpacing=0 cellPadding=0 border=0>
<TR>

{if $smarty.session.USERNAME ne ""}

<TD>{$smarty.session.USERNAME}!
 <a href="{$baseurl}/inbox.php">[img]{$baseurl}/templates/images/icon_mail_off.gif[/img]{else}
src="{$baseurl}/templates/images/newmail.gif" border=0>{/if}</A>
({$total_msg}) </TD>
<TD style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px">|</TD>
<TD>Log Out</TD>

{else}

<TD><a href="{$baseurl}/signup.php" class="bold"> <span style="color: rgb(255, 153, 0);">Enregistrez vous 
Sign Up</span></A></TD>
<TD style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px">|</TD>
<TD>Log In</TD>


{/if}

<TD style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px">|</TD>
<TD>Aide-Help</TD>
<TD style="PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px"></TD>
<TD>[img]{$baseurl}/templates/images/rss.gif[/img]</TD>
</TR>
</TABLE>

</TD>
</TR>
</TABLE

the header where the logo is, is split in two parts.
logo parts is 400 px wide and the rest is 300
i try to display a pic as background (in fact a picture of 400 and another of 300 px
http://www.glissemagtv.com/modimg/fondhautg.jpg
http://www.glissemagtv.com/modimg/fondhautd.jpg
) that is displayed from the left of the logo to the right of the page.
this is not working i gent plenty of error.

Do you have a trick for set this background image?
thx very much for your time and your help
best regards

**bosco500** · 05-27-2007, 06:32 PM

If your trying to get your logo in front of the background image, you will probably have to use CSS with Absolute Positioning. You will have make your logo transparent, and use zIndex.

Here is a link to info on using zIndex:

http://www.w3schools.com/css/pr_pos_z-index.asp

And here is an example:

http://www.w3schools.com/css/tryit.asp? ... ss_zindex2

Hope this helps.

**nocomp** · 05-27-2007, 06:40 PM

hi
i tried with a css.
i ve create background.css in wich i ve put that:

Code:

.fondg {
background-image: url('modimg/fondhautg.jpg');
}
.fondd {
background-image: url('modimg/fondhautd.jpg');
}

but then, everytime i was putting this line in header.tpl

Code:

<table width="700" align="center" class="background">

i had serious error

can t believe it is that hard to set background images.
i ve open the tpl file with dreamweaver, and nowhere there is a menu like "insert image propriety "background" " unless i ve missed a function.
thx for your time bosco, i truely appreciate,but didn t find a clue in your link.
i must be hopeless :'(
best regards
nocomp

**nocomp** · 05-27-2007, 07:42 PM

i ve found!!!!!!!
here is the magic line:

Code:

<TABLE cellSpacing=0  border="0"  cellPadding=0 width="100%" background="../modimg/fondhaut.jpg">

and the result:)
http://www.glissemagtv.com/index.php

do you know if it can be possible to put a script i this page that ll change the top image on every reload?
best regards
nocomp

**bosco500** · 05-27-2007, 08:04 PM

Add this code to the top of index.php under the includes.

Code:

<?php


// Name your images 1.jpg, 2.jpg etc.


// Change this to the total number of images in the folder
$total = "11";

// Change to the type of files to use eg. .jpg or .gif
$file_type = ".jpg";

// Change to the location of the folder containing the images
$image_folder = "images/random";

// You do not need to edit below this line

$start = "1";

$random = mt_rand($start, $total);

$image_name = $random . $file_type;

?>

Then you would use :

Code:

<TABLE cellSpacing=0  border="0"  cellPadding=0 width="100%" background="<?php $image_folder/$image_name?>">

Instead of:

Code:

<TABLE cellSpacing=0  border="0"  cellPadding=0 width="100%" background="../modimg/fondhaut.jpg">

Hope this helps

**nocomp** · 05-27-2007, 08:07 PM

hi bosco,
that will help me a lot, but the main prob is that my index.php is crypted :'(

Code:

<?php @Zend;
4147;
/* w.zend.com/products/zend_engine">Zend Engine</a>.</p></body></html>
EOM;
exit();
__halt_compiler();
?>

20031207025ÃšC Ã¥Â´-?pÃ³Â°S~0<@ÃšÃ²Cgâ€šâ€Â½.â€œlz=Ã·Â¦Â¥EÃ¨ÃŽG?Zâ€žÃƒuÃŒÃ–â€šÂ¸â€¦,FÃ‰r&ÃšÃ²â€°â€¹t;Ã¥â€œaÂ¨kÃ‹Â§Ã*cÃ‹â€™Ã³â€¹Â¢%Å¸Âº0Â¢S>â€*cÂ¶|Ã¦Ã*1â€¡giZtÃ„awj`\XÃŸ&Â¨Â²?*Ã“O~/W~â€°â€Â¡Ã…Â*|Ã‰ÃœÃ!Ã·Â±?Ã€ÃŠgÃ*Ã¼Ã³Ã¹NÃ*s

Any ide how i can place this code?
thx for helping
best regards
herve

**bosco500** · 05-27-2007, 08:28 PM

Put this code in a file called random.php:

Code:

<?php

// Name your images 1.jpg, 2.jpg etc.


// Change this to the total number of images in the folder
$total = "11";

// Change to the type of files to use eg. .jpg or .gif
$file_type = ".jpg";

// Change to the location of the folder containing the images
$image_folder = "images/random";

// You do not need to edit below this line

$start = "1";

$random = mt_rand($start, $total);

$image_name = $random . $file_type;

echo "$image_folder/$image_name";

?>

Then use this code in your header.tpl:

Code:

<TABLE cellSpacing=0  border="0"  cellPadding=0 width="100%" background="{include file="../random.php"}">

That should work :)

**nocomp** · 05-27-2007, 08:35 PM

thx for this great tipÃ*, tomorrow i ll prepare a set of random pictures and i ll try that.
i just found a "bug", when you clic on a video for watch it, the picture i ve put on the top of the page dissapear, do i have to rewrite these codes in another page if i always want to have a picture on the top of the pages?
best regards
herve