Modifying the default template in v4.

Discussion in 'Templates, HTML, CSS, and Design Help' started by Mike-N-Tosh, Mar 28, 2008.

Thread Status:
Not open for further replies.
  1. jj30 Customer

    Thanks for your time.

    I' ve checked the logo size, its 400 x 75 pixels.

    The height in CSS under logo height is 75p.

    Do I have to extra lines within LOGO div to form a larger block so it moves the rest of the lay out down?

    Something like this ?

    <p id="top_info">

    <span class="webdeveloper-display-block-size" style="left: 24px; position: absolute; top: 10px;" title="div #logo 960x164">div #logo 960x164</span>

    Do you have an outer block around the logo, sorry new to this.

    Many Thanks
  2. Mike-N-Tosh Owner

    This code doesn't make any sense. I'm also assuming that it is not the complete snippet.

    Why are you using a <p> (paragraph) for your logo image? Why are you calling a class (webdeveloper-display-block-size) in the stylesheet, but then you define your style within your html? Do you have a class defined in your stylesheet by this name? Your absolute position statement is between your left and top declarations for your position. Defining an absolute position is ABSOLUTE, so if it is overlapping any other CSS element, then it is because your absolute position placement parameters are wrong.

    I would strongly suggest that you keep your content in your layout files and your look (colors, images, placement) in your stylesheet. Mixing and matching will only serve to drive you batty.

    -Mike
  3. jj30 Customer

    Hi

    Yes its a snippet.

    This something I have copied off the code from Firebug, when I hover over the table, in which the logo is in. I have not inserted anything, except the code you have put on your PDF. Which I am very thankful of.

    I can not find this code anywhere in the layout file.

    I just think I have got to reposition the logo in that box some how.

    Thats how its seems to me.

    It transportertransitions.com.
  4. Mike-N-Tosh Owner

    Try this:
    HTML:
    <p id="top_info">
    	Welcome Guest <br /><a href="http://www.transportertransitions.com/login.php">Login</a>, <a href="userjoin.html">Register</a>
    </p>
    <div id="logo">
    	<a href="index.php" title="Transporter Transitions">
                    <img src="http://www.transportertransitions.com/templates/default/images/TtLogo.gif"width="400" height="75" />
             </a>
    </div>
    </div>
    
    Copy this code and replace everything AFTER <div id="header"> to BEFORE <div id="tabs'>

    I copied your code from your site directly and changed it.

    Hope that helps,
    -Mike
  5. jj30 Customer

    Hi

    Will that change the position of the logo, by changing the beginning of the line,

    What does {$smarty.const.URL}/ mean.

    Could you spare a minute more please, to explain where that previous code I copied came from, it's slightly confused me.

    Because when I inspect tables/borders in firebug, I can not seem to find them in the layout file.

    Thank you for your time.

    I am learning slowly and hopefully the piece'swill fit one day.

    Just need more time to read up on things, not enough hours in the day.

    Cheers
  6. Lhotch curmudgeon

    Anytime you see something in curly braces when looking at the template file itself that is a place holder if you will for daya that cones from the scripts. You wont see that when you look at the page source via a web browser, because the scripts have put real data in the place holder and presented it to the web browser.
  7. Mike-N-Tosh Owner

    I'm not following you here, but the code that I posted should correct the issue that you posted.
    It's a smarty function which means your site's root url (yoursite.com)
    Welcome to the club. I have no idea where the code that you copied came from.

    -Mike
  8. skettle79 Customer

    Adding a logo!

    Any help would be much appreciated. I am very new to this software and I am having no luck at adding a logo to my site.
    I am running version 4.0.4 HOSTED.

    I have followed the advice in the forums and done what I think I need to do to add the logo but it is just displaying a small square rather than the image.

    Web address is. www.trailer-mart.co.uk.

    Thanks
  9. skettle79 Customer

    Fixed!

    Panic over. I have managed to sort the problem now. Not really sure what the problem was but persisted for another half an hour and now it is working so going to leave it be!
  10. junkbox New Member

    Noticed this as well.
    This is due to XHTML version being set to strict.
    If you copied and pasted directly from the guide, the quotes are wrong.
    This took me an hour or so of heartache. I found it by validating the page.

    I would keep the page as strict and fix the offending quotes, or you can alternatively switch to XHTML transitional.
  11. yellowpc2 Customer

    Hi Mike, thanks for your post regarding updating the layout.tpl. I am new here and just updated my layout.tpl using dreamweaver and then uploaded it using fileZilla to site where I replaced the existing layout.tpl. The website still shows old template, previous user references CHMOD to 777 on layout.tpl I have not changed it as it show rw-r-r = numeric value under properties of 644, should this be changed to 777? Your post doesnt go into the actual uploading of file once you have made changes to it.

    Also I noticed on you site IndianaPC.org you have advertising on the right side, can you give me the script and how you go about signing up for banner ads.

    Thanks for your help.

    John
  12. Lhotch curmudgeon

    You only need to chmod the template to 777 if you are using the template editor within admin. If you externally modified it and uploaded it 644 should be ok, the default permissions do vary a bit from server to server.
  13. Mike-N-Tosh Owner

    I can't give you the script, but you can download the open source openx which is a separate advertising software/script.

    As far as selling display ads, I have ads that promote advertising with us that goes to a link of a page for display advertising and I'm an affiliate with Amazon, iTunes, The Apple Store, Total Training and have google adsense.

    -Mike
  14. minerslist Customer

    Changing Default Homepage

    I just purchased my copy of 68 and I have browsed at other users websites. I must say there are some great designs and layouts. I want to change my design but need help in where to start. I have photoshop cs and know how to use it I just need assistance in getting my layout to work and getting it uploaded. Is there any help here that can assist me with this? I am new and have many questions but one of the reasons I decided to go with 68 is the excellent support here from the staff and the community. Thank you I greatly appreciate it.
  15. yellowpc2 Customer

    thanks Mike
  16. Blair Moderator

    I would recommend that you become familiar with one of the layout.tpl files by making small changes to them at first. As you become comfortable working with a tpl file, you can then create a new design in Photoshop and convert it to your own layout.tpl file.
  17. minerslist Customer

    can you use WYSWUG editors with the layout.tpl file? I am trying to find the best way to edit and change the code for my existing template without having to go through so much and I do not have Dreamweaver. Any help would be great. Thank you.
  18. Lhotch curmudgeon

    Dreamweaver is a wysiwig editor and they can be used to edit the templates but care must be taken because often times they add a lot of their own junk to the template which may cause problems.

    There really is no substitute for learning a little html and CSS,
  19. Jimpy Customer

    Mike You say you have written a book (So you want to make a 68 Classified Website) where can I buy or download this book.
    Thanks
    James Pople
  20. Jimpy Customer

    Where can I buy your book
    Thanks
    James
Thread Status:
Not open for further replies.

Share This Page