Home
HeeHoo. (;Das is mein 3. Layout & ich habs von Bling-GB ürsprünglich gehabt,
hab dann halt i-wie alles verändert. ^^
Ich finds ganz Okay, aber die Navi bekomm ich nich hin. -.-
Ich schaffs nich, dass dieser Hintergrund weggeht, wenn man mt der Maus
drüber fährt..! Des kotzt mich voll an. :/
Aber naja; ich hoffe trotzdem, dass es jemandem gefällt. [:
Wie bekomme ich das Layout von Particularlie.de.tl ?
Du solltest dich wenigstens etwas mit dem CSS-Design auskennen,& auch die Navi reincoden können.
Ansonsten ist das gar nich so schwer (: Viel Spaß damit !
Text über dem Design:
<div id="Mein_Bild"></div>
<div id="navibox">
<table id="table1" width="100%" border="0"><tbody>
<tr valign="top">
<td style="width: 50%">
<a href="http://www.particularlie.de.tl/" class="navi">navititel</a>
<a href="http://www.particularlie.de.tl/" class="navi">navititel</a>
<a href="http://www.particularlie.de.tl/" class="navi">navititel</a>
<a href="http://www.particularlie.de.tl/" class="navi">navititel</a>
<a href="http://www.particularlie.de.tl/" class="navi">navititel</a>
<td><a href="http://www.particularlie.de.tl/" class="navi">navititel</a>
<a href="hhttp://www.particularlie.de.tl/" class="navi">navititel</a>
<a href="http://www.particularlie.de.tl/" class="navi">navititel</a>
<a href="http://www.particularlie.de.tl/" class="navi">navititel</a>
<a href="http://www.particularlie.de.tl/" class="navi">Layout</a>
</td>
</tr>
</tbody></table>
<br>
</div>
<div id="textbox">
Hier könnt ihr z.B. einen Willkommenstext hinschreiben, oder die Updates, oder eine Shoutbox reincoden. Viel Spaß, eure Helie. <3</span><em>.</em><br />
</div>
<div id="navibox">
<table id="table1" width="100%" border="0"><tbody>
<tr valign="top">
<td style="width: 50%">
<a href="http://www.particularlie.de.tl/" class="navi">navititel</a>
<a href="http://www.particularlie.de.tl/" class="navi">navititel</a>
<a href="http://www.particularlie.de.tl/" class="navi">navititel</a>
<a href="http://www.particularlie.de.tl/" class="navi">navititel</a>
<a href="http://www.particularlie.de.tl/" class="navi">navititel</a>
<td><a href="http://www.particularlie.de.tl/" class="navi">navititel</a>
<a href="hhttp://www.particularlie.de.tl/" class="navi">navititel</a>
<a href="http://www.particularlie.de.tl/" class="navi">navititel</a>
<a href="http://www.particularlie.de.tl/" class="navi">navititel</a>
<a href="http://www.particularlie.de.tl/" class="navi">Layout</a>
</td>
</tr>
</tbody></table>
<br>
</div>
<div id="textbox">
Hier könnt ihr z.B. einen Willkommenstext hinschreiben, oder die Updates, oder eine Shoutbox reincoden. Viel Spaß, eure Helie. <3</span><em>.</em><br />
</div>
CSS-Code ohne Style Tags:
.ueberschrift{
display: block;
font-family: arial;
font-size: 14pt;
color: #ef9fca;
text-shadow: 1px 1px #ffffff;
background: none;
text-decoration: bold;
text-align: center;
margin-bottom: 6px;
margin-right: 1px;
line-height: 4 px;
letter-spacing: -1px;
border-bottom: 1px dotted #E50000;}
#extraDiv1 {display: none;}
#extraDiv2 {display: none;}
#extraDiv3 {display: none;}
#extraDiv4 {display: none;}
#extraDiv5 {display: none;}
#extraDiv6 {display: none;}
#pre_header {display: none;}
#post_header {display: none;}
#pre_content {display: none;}
#bling-gb_content {display: none;}
div.header{display: none;}
h2#title{display: none;}
a:link {
color: #ababab;
text-shadow: 1px 1px #ffffff;
font-size: 10px;
font-family: Verdana;
border-bottom: 1px dotted #E50000;
text-decoration: none;}
a:visited {
color: #ababab;
font-size: 10px;
text-shadow: 1px 1px #ffffff;
font-family: Verdana;
border-bottom: 1px dotted #E50000;
text-decoration: none;}
a:hover {
color: #fdcee8;
font-size: 10px;
text-shadow: 1px 1px #ffffff;
font-family: Verdana;
background-color: #;
border-bottom: 1px dotted #E50000;}
body {
overflow-x: hidden;
background: url('http://i41.tinypic.com/avmr07.jpg');
}
*{ padding: 0; margin: 0; }
#Mein_Bild {
margin: 0px;
margin-top: -130px;
width: 1600px;
height:750px;
border:0px;
background-image:url(http://i45.tinypic.com/oaoqqd.jpg);}
#content {
position: absolute;
left: 1000px;
top:210px;
margin-left:-423px;
width: 372px;
height: 460px;
padding:10px;
color: #7F997F;
font-family: Arial;
font-size: 11px;
text-align: justify;
word-spacing: px;
letter-spacing: 1px;
overflow:auto;}
#textbox{
position: absolute;
left:586px;
top:116px;
width: 144px;
height: 94px;
background-image:url;
border:0px solid #FFFFFF;
color: #666666;
font-family: Arial;
font-size: 11px;
word-spacing: 0px;
letter-spacing: 0px;
overflow:auto;}
#navibox{
position: absolute;
left:737px;
top:114px;
width: 234px;
height: 96px;
background-image:url;
border:0px solid #FFFFFF;
color:#666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: justify;
word-spacing: 0px;
letter-spacing: 0px;
text-decoration: italic;
overflow:auto;}
#nav_container{
position: absolute;
left: 466px;
top:290px;
margin-left: -0px;
high: 100px;
width: 121px;
font-family: Verdana;
border:0px solid #333333;}
::-moz-selection
{
background: #FFF2FF;
color: #ffffff;
}
ul#nav{
width: 20px;
padding: 5px;
margin: 5px;}
li.nav_element{
list-style-type: none;
position: relative;
padding:1px;
width: 100px;}
li.nav_element a{
display: block;
width: 100px;
height: 14px;
padding: -2px;
font-weight:;
text-decoration:;
text-align: justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: right;
word-spacing: 0px;
letter-spacing: 0px;
color: #FFF2FF;
background-color:#ffffff;
background-image:url(xx);
border: px solid color:#ffffff;; }
li.nav_element a:hover{
color: #333333;
background-color:#ffffff;
background-image:url(xx);}
A.navi:link, A.navi:active, A.navi:visited {
display: block;
padding-left: 2px;
padding-bottom: 3px;
width: 100px;
font-family: arial;
font-size: 10px;
height: 10px;
margin-bottom: 2px;
border-bottom: 1px dotted #E50000;
border-left: 5px solid #ef9fca;
border-right: 0px dotted #E50000;
border-top: 0px dotted #7C757B;
text-transform:uppercase;
letter-spacing: 1px;
color: #ababab;
background-color: #ffffff;
text-align: left;
line-height: 10px;}
A.navi:hover {
display: block;
padding-left: 2px;
font-family: arial;
font-size: 10px;
Background: url('http://i39.tinypic.com/fy0mz5.png');
margin-bottom: 2px;
border-bottom: 1px dotted #E50000;
border-left: 5px solid #e138a8;
border-right: 0px dotted #E50000;
border-top: 0px dotted #e2e2e2;
text-transform:uppercase;
text-shadow: 1px 1px #ababab;
letter-spacing: 1px;
color: #ffffff;
padding-bottom: 3px;
text-align: left;
line-height: 10px;}
display: block;
font-family: arial;
font-size: 14pt;
color: #ef9fca;
text-shadow: 1px 1px #ffffff;
background: none;
text-decoration: bold;
text-align: center;
margin-bottom: 6px;
margin-right: 1px;
line-height: 4 px;
letter-spacing: -1px;
border-bottom: 1px dotted #E50000;}
#extraDiv1 {display: none;}
#extraDiv2 {display: none;}
#extraDiv3 {display: none;}
#extraDiv4 {display: none;}
#extraDiv5 {display: none;}
#extraDiv6 {display: none;}
#pre_header {display: none;}
#post_header {display: none;}
#pre_content {display: none;}
#bling-gb_content {display: none;}
div.header{display: none;}
h2#title{display: none;}
a:link {
color: #ababab;
text-shadow: 1px 1px #ffffff;
font-size: 10px;
font-family: Verdana;
border-bottom: 1px dotted #E50000;
text-decoration: none;}
a:visited {
color: #ababab;
font-size: 10px;
text-shadow: 1px 1px #ffffff;
font-family: Verdana;
border-bottom: 1px dotted #E50000;
text-decoration: none;}
a:hover {
color: #fdcee8;
font-size: 10px;
text-shadow: 1px 1px #ffffff;
font-family: Verdana;
background-color: #;
border-bottom: 1px dotted #E50000;}
body {
overflow-x: hidden;
background: url('http://i41.tinypic.com/avmr07.jpg');
}
*{ padding: 0; margin: 0; }
#Mein_Bild {
margin: 0px;
margin-top: -130px;
width: 1600px;
height:750px;
border:0px;
background-image:url(http://i45.tinypic.com/oaoqqd.jpg);}
#content {
position: absolute;
left: 1000px;
top:210px;
margin-left:-423px;
width: 372px;
height: 460px;
padding:10px;
color: #7F997F;
font-family: Arial;
font-size: 11px;
text-align: justify;
word-spacing: px;
letter-spacing: 1px;
overflow:auto;}
#textbox{
position: absolute;
left:586px;
top:116px;
width: 144px;
height: 94px;
background-image:url;
border:0px solid #FFFFFF;
color: #666666;
font-family: Arial;
font-size: 11px;
word-spacing: 0px;
letter-spacing: 0px;
overflow:auto;}
#navibox{
position: absolute;
left:737px;
top:114px;
width: 234px;
height: 96px;
background-image:url;
border:0px solid #FFFFFF;
color:#666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: justify;
word-spacing: 0px;
letter-spacing: 0px;
text-decoration: italic;
overflow:auto;}
#nav_container{
position: absolute;
left: 466px;
top:290px;
margin-left: -0px;
high: 100px;
width: 121px;
font-family: Verdana;
border:0px solid #333333;}
::-moz-selection
{
background: #FFF2FF;
color: #ffffff;
}
ul#nav{
width: 20px;
padding: 5px;
margin: 5px;}
li.nav_element{
list-style-type: none;
position: relative;
padding:1px;
width: 100px;}
li.nav_element a{
display: block;
width: 100px;
height: 14px;
padding: -2px;
font-weight:;
text-decoration:;
text-align: justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: right;
word-spacing: 0px;
letter-spacing: 0px;
color: #FFF2FF;
background-color:#ffffff;
background-image:url(xx);
border: px solid color:#ffffff;; }
li.nav_element a:hover{
color: #333333;
background-color:#ffffff;
background-image:url(xx);}
A.navi:link, A.navi:active, A.navi:visited {
display: block;
padding-left: 2px;
padding-bottom: 3px;
width: 100px;
font-family: arial;
font-size: 10px;
height: 10px;
margin-bottom: 2px;
border-bottom: 1px dotted #E50000;
border-left: 5px solid #ef9fca;
border-right: 0px dotted #E50000;
border-top: 0px dotted #7C757B;
text-transform:uppercase;
letter-spacing: 1px;
color: #ababab;
background-color: #ffffff;
text-align: left;
line-height: 10px;}
A.navi:hover {
display: block;
padding-left: 2px;
font-family: arial;
font-size: 10px;
Background: url('http://i39.tinypic.com/fy0mz5.png');
margin-bottom: 2px;
border-bottom: 1px dotted #E50000;
border-left: 5px solid #e138a8;
border-right: 0px dotted #E50000;
border-top: 0px dotted #e2e2e2;
text-transform:uppercase;
text-shadow: 1px 1px #ababab;
letter-spacing: 1px;
color: #ffffff;
padding-bottom: 3px;
text-align: left;
line-height: 10px;}
Ueberschrift code:
(bei eigene Seiten editieren/Quelltext eingeben)
<p class="ueberschrift">Deine Überschrift </p>