Log In · Register

 
HELP ME PLEASE!!!, this layout has me sooo confused...
ebonylaurels
post Sep 4 2006, 02:10 AM
Post #1


uhhh?*confused face*
****

Group: Member
Posts: 105
Joined: Sep 2005
Member No: 222,267



ok. I found this layout on a site and I love it. The thing is I went to download it and it's all these different peices to the layout. the main pics is in like 5 and there is all this other stuff and I'm so confused it's unreal. I don't even know where to begin. Someone please help me I really like this layout. I really want to use it.


help me. I stil can't figure this out....now I have some of the layout at the top of my site and my actual xanga below the whole thing and it's NOTHING like it's supposed to be. HELP PLEASE!!

preview

CODE
<style type="text/css">
<!--

body{margin: 0pt;
background-repeat: repeat-y;
background-position: left;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #ffffff;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #A8A8A8;
}
div, td    {font-family: tahoma;
font-size: 10px;
color:#000000}

a:link, a:active, a:visited
{Font-Weight:bold;Color: #000000;Text-Decoration: none;}

A:hover
{Font-Weight:bold; Color: #737173;Cursor: move;
Text-Decoration: none; position: relative; top: 1px; right: 1px;}

.ch
{text-decoration: none;
font-weight:bold;
color: #000000;
border: 1px solid #000000;
letter-spacing:5px;
padding-top:1px;
padding-left:7px;
font-family: VERDANA;
height:16px;
text-align: left;
margin.height: 0px;
background-image=url('head.gif');
}

.ch2
{text-decoration: none;
font-weight:bold;
color: #000000;
border: 1px solid #000000;
letter-spacing:5px;
padding-top:1px;
padding-left:7px;
font-family: VERDANA;
height:16px;
text-align: left;
margin.height: 0px;
background-image=url('head.gif');
}

.content{
text-decoration: none;
line-height: 100%;
text-align: left;
margin.height: 7px;
}

.content2{
text-decoration: none;
line-height: 100%;
text-align: left;
margin.height: 7px;
}


input, textarea
{ border:1px dotted #000000; background:bg.jpg; font-family: tahoma,arial;
font-size:11;
color: #000000;
}


-->
</style>





















This post has been edited by ebonylaurels: Sep 4 2006, 01:44 PM
 
 
Start new topic
Replies
*This Confession*
post Sep 4 2006, 04:36 AM
Post #2





Guest






okay well throughout the code your probably going to find these:

background-image=url('head.gif');


You need to upload which ever one is the head.gif and put the URL for the image there.

Atleast thats how it use to be when I used to use xanga stuff.



that can't be all the coding,

Heres the rest of it:

CODE
<html><head>
<title>Your Site title Here ------- {{version: Peaceful Surrender }}</title>

<LINK rel="stylesheet" href="peace.css" type="text/css">
</head><body background="bg.gif" bgcolor=#D7E7E7>
<div style="position: absolute; left: 0; top: 0">
<table cellspacing = 0 cellpadding = 0 border = 0><tr><td><img src='top_1_1.jpg' width=118 height=115></td><td><img src='top_2_1.jpg' width=160 height=115></td><td><img src='top_3_1.jpg' width=152 height=115></td><td><img src='top_4_1.jpg' width=150 height=115></td></tr>
<tr><td><img src='top_1_2.jpg' width=118 height=139></td><td><img src='top_2_2.jpg' width=160 height=139></td><td><img src='top_3_2.jpg' width=152 height=139></td><td><img src='top_4_2.jpg' width=150 height=139></td></tr><tr><td><img src='top_1_3.jpg' width=118 height=146></td><td><img src='top_2_3.jpg' width=160 height=146></td><td><img src='top_3_3.jpg' width=152 height=146></td><td><img src='top_4_3.jpg' width=150 height=146></td></tr></TABLE></div>

<div style="position: absolute; left: 371; top: 62; width: 195px; height: 275px;">

<!-- Blurb the box at the top -->
Write anything here you want because here's a blog part. Talk about yourself, what you are like, etc.
<BR><BR>
<img src=blurb.jpg>

<!-- end Blurb -->

</div>

<div style="position: absolute; left:394px; top: 400px; width: 130px;">

<!-- Start navigation -->

&nbsp;<p class="ch">Category
<p class="content2">
<a href="">link here</a><br>
<a href="">link here</a><br>
<a href="">link here</a><br>
<a href="">link here</a><br>
<a href="">link here</a><br>

&nbsp;<p class="ch">Category
<p class="content2">
<a href="">link here</a><br>
<a href="">link here</a><br>
<a href="">link here</a><br>
<a href="">link here</a><br>
<a href="">link here</a><br>

&nbsp;<p class="ch">Category
<p class="content2">
<a href="">link here</a><br>
<a href="">link here</a><br>
<a href="">link here</a><br>
<a href="">link here</a><br>
<a href="">link here</a><br>


&nbsp;<p class="ch">Misc.</p>
<p class="content2">
Joined/listed:<BR>
Wishlist:<BR>
Adopted:<BR>
Plugs: xxx<BR>
Tag-board:<BR>

&nbsp;<p class="ch">Credits
<p class="content2">

Site &copy your name here<BR>

<!-- Credits : Don't edit below! -->
Layout &copy <a href="http://www.digik.net" target="new">Digik Designs</A>

<!-- End of navigation -->

</div><div style="position: absolute; left:5px; top: 400px; width: 371px;">

<!-- Start of content (edit this into your own words) -->

<p class="ch">Artist's Comment</p>
<p class="content">
After surfing through my gallery for a long time, I decided to make a layout with this beautiful Angel Sanctuary Layout. As you can see the colour scheme alone with the artwork is exquiste. They look so peaceful. </p>
<p class="ch">Instructions</p>
<p class="content">
1) First unzip all the files in winzip file<bR><bR>
2) Open index.html in an editor you like (notepad will do, don't use microsoft word)<bR><bR>
3) To add the contents, place your contents in between: "start content" and "end content". It'll become clearer when you open the HTML file<bR><bR>
4) To change the navigations, change the example links to your own in the div that's labelled "navigation", even if you don't know HTML just use the samples and place the URL in between the href="" and the name of the link where I wrote "link". Change them to your own of course<bR><bR>
5) To use the extras provided (if there are any), open any graphic editor and you can write your site's name in any font you wish. They are also perfectly fine to use normally without text.<bR><bR>
6) Finally, have fun with the layout! If you like it, visit Digik Designs for more quality graphics!<bR><bR>
<B>Extra</b><bR><BR>
For this layout, there's an extra blurb part on the top in the box. You are more than welcome to write about yourself in there, or anything you want. It's big enough for small icons/adoptables. Or you can even add an iframe to link to others. Change it in the div, I labelled it blurb.
</p>
<p class="ch">Credits</p></head>
<p class="content">
You MUST NOT EVER remove the link on this layout, I made it, it belongs to  <a href="http://www.digik.net" target="new">Digik Designs</a>. You know I'm only giving it to you for free because it's linkware, I have to have credit, you can't say this is your layout, you didn't make it! So to keep everyone happy, leave the watermark! And if this layout inspires you to make another one, please credit me on your credit page or something.
<BR><BR>
The content of this site is copyrighted to you so you can put your own name on the bottom right-hand side, where it says the site is copyright to you. Just want point that out because you might miss it.
<br><BR>
</p>
<p class="ch">Extras</p></head>
<p class="content">
I made some avatars and buttons to go with this layout! Add your own site's name onto the blank buttons with your favorite image editing tool, and voila you'll have a custom linking button or signiture!
<BR><BR>
<img src=button1.gif>&nbsp;&nbsp;
<img src=button2.gif>&nbsp;&nbsp;<bR>
<img src=button3.gif>&nbsp;&nbsp;
<img src=button4.gif>&nbsp;&nbsp;

<Br>
</p>
</div>


</body>
</html>



Remember to read the instruction the designer gave:

QUOTE
1) First unzip all the files in winzip file

2) Open index.html in an editor you like (notepad will do, don't use microsoft word)

3) To add the contents, place your contents in between: "start content" and "end content". It'll become clearer when you open the HTML file

4) To change the navigations, change the example links to your own in the div that's labelled "navigation", even if you don't know HTML just use the samples and place the URL in between the href="" and the name of the link where I wrote "link". Change them to your own of course

5) To use the extras provided (if there are any), open any graphic editor and you can write your site's name in any font you wish. They are also perfectly fine to use normally without text.

6) Finally, have fun with the layout! If you like it, visit Digik Designs for more quality graphics!

Extra

For this layout, there's an extra blurb part on the top in the box. You are more than welcome to write about yourself in there, or anything you want. It's big enough for small icons/adoptables. Or you can even add an iframe to link to others. Change it in the div, I labelled it blurb.

Now find the name of the pictures, upload each one and put it in the correct place at the top of the layout.
 

Posts in this topic


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: