[Template] Next generation template "Wallpaper" + PSD source for Free Download!

[Potter]

First thx for a great template.

One question though.

On the details page. Is it possible to add the prev image and next image code at the top of the image without the thumbnails.
It's irritating to always scroll down to click on next image.

you can se the page here http://www.orangeclub.dk/details.php?image_id=329

Hope someone can help...

[Eagle Eye]

@ Potter

Try to replace details.html from you Wallpaper template directory with the below code hope this is what u are looking for
Regards

[qcode]{header}
<table class="okvir" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0" class="tablehead">
      <tr>
        <td width="95%"><img src="{template_url}/images/header_logo.jpg" alt="" /></td>
        <td width="5%"><div align="right"><img src="{template_url}/images/bfly.gif" alt="" /></div></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td class="bordercolor">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td class="tablebgcolor"><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td class="navbar" ><img src="{template_url}/images/spacer.gif" width="4" height="4" alt="" />{clickstream}</td>
              <td class="navbar" align="right"><div id="subcontent" style="position:absolute; display:none">
                  <div class="searchpop" align="left">
                    <p><b>Search {site_name}:</b></p>
                    <form method="post" action="{url_search}" id="topform">
                      <input type="hidden" name="id" size="-1" value="6299074" />
                      <input type="hidden" name="pageid" size="-1" value="r" />
                      <input type="hidden" name="mode" size="-1" value="ALL" />
                      <input type="hidden" name="n" value="0" />
                      <input name="search_keywords2" class="logininput" maxlength="255" style="width: 150px" id="topsearchbox" alt="Search" type="text"/>
                      <input name="submit2" type="submit" class="topformbutton" value="{lang_search}" />
                    </form>
                    <p ><a href="{url_search}">{lang_advanced_search}</a> </p>
                    <div align="right"><a href="#" onclick="overlayclose('subcontent'); return false">Close</a></div>
                  </div>
              </div>
                  <b><a href="search.htm" onclick="return overlay(this, 'subcontent')">{lang_search}</a> | <a href="{url_lightbox}">{lang_lightbox}</a><a href="{url_top_images}"></a></b> | </b><a href="{url_top_images}"><b>{lang_top_images}</b></a>&nbsp;|&nbsp; <a href="{url_new_images}"><b>{lang_new_images}</b></a>&nbsp; </td>
            </tr>
          </table>
            <table class="main" width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td valign="top" width="180" id="sc3" class="switchcontent" {if cookie_sc3}style="display: none;"{endif cookie_sc3}
>
                  <table width="180" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td class="head2" height="20"><img src="{template_url}/images/spacer.gif" alt="" width="4" height="4" />{lang_registered_user}</td>
                    </tr>
                    <tr>
                      <td><img src="{template_url}/images/spacer.gif" alt="" width="1" height="1" /></td>
                    </tr>
                    <tr>
                      <td align="center" class="box_back">{user_box}</td>
                    </tr>
                    <tr>
                      <td><img src="{template_url}/images/spacer.gif" alt="" width="1" height="1" /></td>
                    </tr>
                  </table>
              {if random_cat_image}
                  <table width="180" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td class="head2" height="20"> <img src="{template_url}/images/spacer.gif" alt="" width="4" height="4" />{lang_random_image}</td>
                    </tr>
                    <tr>
                      <td><img src="{template_url}/images/spacer.gif" alt="" width="1" height="1" /></td>
                    </tr>
                    <tr>
                      <td align="center" class="box_back">
                   <br />
                        {random_cat_image}
                  <br />
                      </td>
                    </tr>
                    <tr>
                      <td><img src="{template_url}/images/spacer.gif" alt="" width="1" height="1" /></td>
                    </tr>
                  </table>
              {endif random_cat_image}
<img src="{template_url}/images/spacer.gif" alt="" width="180" height="1" />
            </td>
                <td width="1" class="bordercolor" valign="top"><img src="{template_url}/images/spacer.gif" width="1" height="1" alt="" /></td>
                <td width="18" valign="top"><img src="{template_url}/images/spacer.gif" width="18" height="18" alt="" /></td>
                <td width="100%" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td>&nbsp;</td>
                    <td align="right" valign="bottom">&nbsp;</td>
                  </tr>
                  <tr>
                    <td><b class="title">{image_name}</b>{if image_is_new}<sup class="new">{lang_new}</sup>{endif image_is_new}{if admin_links}{admin_links}{endif admin_links}</td>
                    <td align="right" valign="bottom"><img src="off.gif" class="showstate" onclick="expandcontent(this, 'sc3')" /></td>
                  </tr>
                </table>
                  <hr size="1" />
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td><div align="center">
                        <p>{if prev_image_name}<br />
                          {lang_prev_image} <b><a href="{prev_image_url}">{prev_image_name}</a></b>{endif prev_image_name}</p>
                        </div></td>
                      <td>&nbsp;</td>
                      <td><div align="center">
                        <p>{if next_image_name}<br />
                          {lang_next_image} <b><a href="{next_image_url}">{next_image_name}</a></b>{endif next_image_name}</p>
                        </div></td>
                    </tr>
                  </table>
                  {if msg}<b>{msg}<br />
                  <br /></b>{endif msg}
                  <div align="center">
                {image}{if rate_form}
                  <div align="center">{rate_form}</div>
                  {endif rate_form}                <br />
                {lightbox_button}&nbsp;&nbsp;{postcard_button}&nbsp;&nbsp;{download_button}&nbsp;&nbsp;{download_zip_button}
              </div>
              <br />
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="15" class="sbg">&nbsp;</td>
                      <td width="91%" class="sbg">
                      <p><span>{image_name}</span> &nbsp;</p>                        </td>
                      <td width="5%" class="sbg"><img src="close.gif" class="showstate" onClick="expandcontent(this, 'sc2')" /></td>
                    </tr>
                    <tr>
                      <td colspan="3" id="sc2" class="switchcontent">
                        <table width="100%" border="0" cellpadding="3" cellspacing="0">
                        <tr>
                          <td valign="top" class="row1"><b>{lang_description}</b></td>
                          <td valign="top" class="row1">{image_description}</td>
                        </tr>
                        <tr>
                          <td valign="top" class="row2"><b>{lang_keywords}</b></td>
                          <td valign="top" class="row2">{image_keywords}</td>
                        </tr>
                        <tr>
                          <td valign="top" class="row1"><b>{lang_date}</b></td>
                          <td valign="top" class="row1">{image_date}</td>
                        </tr>
                        <tr>
                          <td valign="top" class="row2"><b>{lang_hits}</b></td>
                          <td valign="top" class="row2">{image_hits}</td>
                        </tr>
                        <tr>
                          <td valign="top" class="row1"><b>{lang_downloads}</b></td>
                          <td valign="top" class="row1">{image_downloads}</td>
                        </tr>
                        <tr>
                          <td valign="top" class="row2"><b>{lang_rating}</b></td>
                          <td valign="top" class="row2">{image_rating} ({image_votes} {lang_votes})</td>
                        </tr>
                        <tr>
                          <td valign="top" class="row1"><b>{lang_file_size}</b></td>
                          <td valign="top" class="row1">{image_file_size}</td>
                        </tr>
                        <tr>
                          <td valign="top" class="row2"><b>{lang_added_by}</b></td>
                          <td valign="top" class="row2">{user_name_link}</td>
                        </tr>
                      </table>
                      <p>{if iptc_info}</p>
                      <table width="100%" border="0" cellspacing="0" cellpadding="1">
                        <tr>
                          <td class="bordercolor"><table width="100%" border="0" cellpadding="3" cellspacing="0">
                              <tr>
                                <td class="head1" valign="top" colspan="2">IPTC Info</td>
                              </tr>
                            {iptc_info}
                          </table></td>
                        </tr>
                      </table>
                      {endif iptc_info}</td>
                    </tr>
                  </table>
                                <p>&nbsp;</p>
                                <table width="100%" border="0" cellpadding="0">
                                      <tr>
                                        <td width="22" class="sbg">&nbsp;</td>
                                        <td width="555" class="sbg">{lang_comment}</td>
                                        <td width="35" class="sbg"><img src="close.gif" {if cookie_sc1}style="display: none;"{endif cookie_sc1} class="showstate" onclick="expandcontent(this, 'sc1')" /></td>
                                      </tr>
                                      <tr>
                                        <td colspan="3" class="switchcontent" id="sc1"><p>{if allow_comments}</p>
                                          <table width="100%" border="0" cellspacing="0" cellpadding="1" align="center">
                                            <tr>
                                              <td valign="top" class="bordercolor"><table width="100%" border="0" cellpadding="3" cellspacing="0">
                                                  <tr>
                                                    <td valign="top" class="head1">{lang_author}</td>
                                                    <td valign="top" class="head1">{lang_comment}</td>
                                                  </tr>
                                                {comments}
                                              </table></td>
                                            </tr>
                                          </table>
                                          <br />
{comment_form}
                  {endif allow_comments}</td>
                                      </tr>
                                    </table>
                                    <p>&nbsp;</p>
                                    <p>&nbsp;</p>
                </td>
                <td width="20" valign="top"><img src="{template_url}/images/spacer.gif" width="19" height="19" alt="" /></td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0" >
      <tr>
        <td class="tablebottom" width="6">&nbsp;</td>
        <td class="tablebottom"><!--
    Bitte beachten Sie, dass der folgende Copyrighthinweis
    auf JEDER Seite die von 4images ausgegeben wird sichtbar
    sein MUSS. Schriftart, Farbe etc. d&uuml;rfen an die eigene
    Website angepasst werden, der Hinweis darf aber unter
    KEINEN Umst&auml;nden entfernt oder unsichtbar gemacht werden.
    Auch muss der Hyperlink zu http://www.4homepages.de intakt
    bleiben. Diese Bedingung ist Bestandteil der Lizenz dieser
    Software. Lesen Sie die Lizenz.txt Datei f&uuml;r weitere
    Informationen.
   
    Please note that the following copyright notice
    MUST be displayed on each and every page output
    by 4images. You may alter the font, colour etc. but
    you CANNOT remove it, nor change it so that it be,
    to all intents and purposes, invisible. The hyperlink
    http://www.4homepages.de must also remain intact.
    These conditions are part of the licence this software
    is released under. See the Licence.txt file for
    more information.
// -->
          &nbsp; Powered by <b><a href="http://www.4homepages.de">4images</a></b> {script_version} &nbsp;|&nbsp; Copyright &copy; 2006 <a href="{site_url}" target="_self"><span>{site_name}</span></a> </td>
        <td align="right" class="tablebottom">Design: <a href="http://www.hotdt.com" target="_blank"><strong>Wallpaper</strong></a>&nbsp;&nbsp;</td>
      </tr>
    </table></td>
  </tr>
</table>
{footer}[/qcode]

[Bigboy]

Hi an alle

wo kann man die Buttons ändern, weil man die Schrift fast nicht lesen kann. Möchte gerne diese Farbe( Schrift) in dunkelgrün haben. Es sind die Buttons

BB- Code Buttons

Anmelde Button

Bewertenbutton

Komentarpostenbutton

wer kann sie ändern?

Gruß Bigboy

Hab es gefunden wo man es ändern kann

[Jedigaz]

Im having 1 or 2 problems with my banner....

To start please dont flame or give me grief over this please as i am not only a new member here but i am totally new to this html shenaniggans...gotta add tho..loving it

I have searched and searched for a possible solution to my problem, staying up till the small hours and finally i must get this off my chest..

www.gazfx.com is my site and i just cant seem to be able to:

1: have the banner that u see as 1 pic..(the template has 2 pics..left and right)

2: if i must use the 2 pics i really am at a loss as to make sure ppl viewing it at 1024 resolutions amd any other come to that can see it properly..

3: I will be wanting to have my logo of gazfx designed in flash..(thats the easy bit for me)..how can i put it in the centre of my banner design if i need to keep the 2 parts of the banner..


Hope all this made some sense and i appreciate any answers given and time taken to give me a simplistic response bearing in mind that i am a total n00b Shocked and dont mind saying it... Very Happy

[Eagle Eye]

Welcome to 4images forum..

From what I understood; I guess u are asking how u can use just one banner and make the template width same as the banner width?

The template width is controlled by CSS file style.css in your template directory... if u are going to use a FIXED width design.. Then u will need to change
 
[qcode].okvir {
   width: 95%;
   }[/qcode]

to

[qcode].okvir {
   width: 800px;
   }[/qcode]

tip: try to make banner 795px or 785px to make sure 800x600 screen users get a good fit!

The template is a fluid style design.. so it should stretch and shrink according to user screen resolutions.. but from what I see on your website.. I guess u have edited it in expanded view of Dreamweaver/FrontPage and tried to adjust the table width (sorry if I am wrong)

Regards
MaxPaul 

[KimmyMarie]

Hello again MaxPaul,


I’d like to know if it’s possible to make an additional page for my site because I want to add a “Suggested Links” page. But, I would like for it to look just like the rest of my website. Is this possible, and if so, how?


Oops, nevermind. I've found the answer at http://www.4homepages.de/forum/index.php?topic=4996.0.


BTW, I still think this is the best best template I've ever seen.




Best wishes,
Kimmy

[Jedigaz]

Thnx for the quick reply max...

I took ur advice after deciding to basically start again by uploading a brand new template with all the gubbings to boot and even tho it does look better than b4 it still doesnt reach the right hand side..

I made the banner in all the sizes u suggested but to no avail..the one that actually fills the screen the most is 800..

I really  am at a loss


edit:  the changes i seem to be making is also making the page bigger...i assumed the banner wud `go with it`..im obviously wrong..please help if u can

edit2:   omg..i seemed to have sorted it..or so i thought..my browser is Firefox and in that..for me it looks jst as i wanted it..albeit maybe a bit narrow...just checked it in IE..wot a complete mess....aarrgghh

[Eagle Eye]

@ Jedigaz

I had just taken a look at your site and saw that you are almost there....
http://www.gazfx.com/details.php?image_id=73

hope you have solved your problem.. if any feel free to ask

regards

[Jedigaz]

Thnx for your help maxpaul..

I have a couple of minor niggles now

1:....page still doesnt look right in IE..banner wont fill the top

2: When i click on one of the bike pics it takes me to detail page and that too looks out of line

3: One of my MOV clips used to work but now once clicked on it just shows a blank screen with comment box

4. On the homepage in the middle row of thumbs there still seems to be a yellow border...i thought i set that border to be same colour as bkrnd in the css yet for some reason it is still there..



Any help on any of these matters would be most appreciated... 

[Eagle Eye]

1:....page still doesnt look right in IE..banner wont fill the top

You mean on the homepage there is a white block on the right hand side? if yes;  its because u forgot to delete the column on the second header image (the one that holds the butterfly) in template home.html

2: When i click on one of the bike pics it takes me to detail page and that too looks out of line

http://www.gazfx.com/details.php?image_id=70 the problem here is that your images are wider than the header image...u have to options here

1) Make a wider banner and make it as a "background" instead on just a image in the header table cell.. This way the extra areas will be filled when wider images are shown

2) Use the batch image resize option from you control panel to resize all images wider than 780px (I guess this should solve the problem in the above bike image and similar wider images)

3: One of my MOV clips used to work but now once clicked on it just shows a blank screen with comment box

don't know why u are having this problem  cause this template uses the default template files for all files other than image files..

4: On the homepage in the middle row of thumbs there still seems to be a yellow border...i thought i set that border to be same colour as bkrnd in the css yet for some reason it is still there..

try to change
[qcode].imagerow2 {
   background-color: #FFFFE1;
   color: #4B4B4B;
   }[/qcode]

to

[qcode].imagerow2 {
   background-color: #f2f3f7;
   color: #4B4B4B;
   }[/qcode]


in you CSS file

[Jedigaz]

Thnx for all ur help..ur advice has certainly helped alot..

Just a few tweaks here and there now and i should be happy with www.GazFX.com to have it more to my liking..hope u liked my version of your template..

I will try to sort out any issues myself as i like to do..only way to learn i guess..but if i cant im sure ur advice will come in handy once more




EDIT:..actually have 2 little things..

1: there is a 1px border going all the way down the left side..how can i have the same on the right side so the whole page is more `enclosed`

2: Where wud i need to change the code so i can have my nav bar and cat bars height bigger..my original design of a nav bar was 38px but i can only use 25 ...cant seem to find that bit....

[lover2]

Hi
i have a problem
if i add image from url ( is not show in gallery )
but if upload from computer in to my host is not problem and show it
Because i want link image from another host in my gallery
please guide me
sorry for my english 
tnx

 

[Eagle Eye]

Hi
i have a problem
if i add image from url ( is not show in gallery )
but if upload from computer in to my host is not problem and show it
Because i want link image from another host in my gallery
please guide me
sorry for my english 
tnx

this problem is not related to this template.

@ Jedigaz

1: add this to your CSS file

Code: [Select]

.rightbg { border-left: 1px solid #98bc56; }
then add this

Code: [Select]

class="rightbg"
in the right hand side table cell containing the spacer.gif (after the width="19" )

2: to increase the height of navigation bar add

Code: [Select]

height: 38px;to CSS file .navbar and the same to .head1 for the category background (u will need to increase the gif files of the respective section to make the design go in hand with ur new modifications)

Good luck 

[Jedigaz]

Thnx for ur help but am a little stuck by ur instructions this time

First part was ok but not sure wot u mean by :

then add this
Code:
class="rightbg"

in the right hand side table cell containing the spacer.gif (after the width="19" )
(where exactly does this go) is where im lost




also...the registration screen and detail pages are still way out in IE..have i missed something  fixed

and finally for now..the comment areas seem to all be `squashed` a bit..dunno if that was me or not tinkering with things..any ideas?

thnx in advance

Gaz

[lover2]

hi
tnx for your reply
but i still problem (not show)
can u attach the file (CSS) here
thank you