Making your own layouts

pokejungle

    • 12,504
    Posts
    21
    Years
    • Seen Mar 13, 2022
    I'm in the dark about making my own layouts. JA, I could use your help her, because I know you're great at this kinda thing. [And I'm sure you are too JK!]

    Any sites or tutorials to point me in the right direction?

    If any of you forgotten, my site URL is [https://pokejungle.shyper.com]
     
    I'd do a layout for you, pj, but you might not like how it turns out. XD

    Maybe JA or saul could help you, they're both really good. Saul designed WCC's new layout (you'll see it probably tomorrow). I've never seen any of JK's layouts, but he says he stinks at them. I'm sure they're not THAT bad though... :P
     
    The absolute best way to learn how to make layouts is to look at the source code of other layouts. By imitating them (to some extent, don't just copy and paste the whole thing in!), you tend to pick up the technique much faster than you would through standard tutorials. =X Eventually you'll become really good at it and you'll be able to do it from scratch~

    Worked for me, anyway. XP
     
    I'm pretty sure bitmap images will only display in Internet Explorer, and even then they often take an incredibly long time to load. =\ You would have to convert them anyway. You're best waiting for PSP. XP
     
    Well, you can use a WYSIWYG HTML Editor for starters, try looking at other examples. For Images, use a photo editing program like Paint Shop or Adobe Photshop Elements (or Photoshop).

    and be creative. ^_^
     
    I know a lot about source code, but I'm not sure how to put images behind navbars and such. I want to make a Nintendo DS themed layout pretty soon. I also want a Leaf Green themed one too. I'm really confused about putting the images all together...0.o;;
     
    Imaging is a old Windows Picture Editor... I don't use it though. >_>
     
    Haruka...why are you busy on MSN? I wish to talk to you >_>


    Yes, does anyone know of any online resources for this type of thing?
     
    I had to do webmaster work. sorry...

    but I can still talk to you...
     
    OK thanks. I'm really trying to make PJN the best it can be. One area at a time...
     
    Example:

    <table cellpadding=0>
    <tr>
    <td width=100 background="nav.gif">Blah</td>
    <td width=700 background="main.gif">More blah</td.
    </tr>
    </table>


    And my layouts do suck. x.x I've never been good with images, and they always seem to mess up for me. <_<
     
    JKaizer said:
    Example:

    <table cellpadding=0>
    <tr>
    <td width=100 background="nav.gif">Blah</td>
    <td width=700 background="main.gif">More blah</td.
    </tr>
    </table>


    And my layouts do suck. x.x I've never been good with images, and they always seem to mess up for me. <_<
    Click to expand...
    Actually, it would be more like this:
    Code: 
    <table cellpadding=0>
<tr>
<td width=100 style="background-image:url(nav.gif)">Blah</td>
<td width=700 style="background-image:url(main.gif)">More blah</td.
</tr>
</table>
    There is no such thing as a table attribute called "Background". You need to use:
    style="background-image:url(picturename.gif)"
    for your website to be a valid HTML 4.01 or XHTML 1.0 document. But "Background" still works.

    I don't know of any online reasource that tells you how to make a layout. You just need to know HTML. Most HTML tutorials are good to tell you how to make a layout. I could help you with coding if you ever need it but in the images department, I lack skill making them.
     
    I think I get it. I honestly think could make a simple layout...YAY!

    I'm too lazy right now though XDDD


    I wish I had somehting better than paint. >_>
     
    Kip-Kip, it isn't valid HTML 4.0!!!!

    All tributes must have "'s..

    Code: 
    <table align="center" cellpadding="0" class="border">
<tr>
<td width="100" style="background-image:url(nav.gif)" summary="nav">Blah</td>
<td width="700" style="background-image:url(main.gif)" summary="main">More blah</td>
<td width="100" style="background-image:url(nav.gif)" summary="nav2">Blah</td>
</tr>
</table>
     
    That was rather confusing!

    I'm going to save that in NotePad. thanks Haruka!
     
    You're welcome!

    and doing incomplete tags would cause it not to display correctly in firefox... X_X
     
    I test everything on one computer with 4 Web Browsers, IE, Firefox, Mozilla, and Opera...

    but it doesn't work on other computers for some odd reason...
     
    You must log in or register to reply here.
    Back
    Top