Autor
Nachricht
hn-freaky
06.08.2011 um 10:20 (UTC) Titel: Kann mir jemand Desgin umcoden?
Ich hab ein Desgin und finde es wirklich schön, aber bei dem Desgin sieht man die Werbung nicht
Da wollt ich fragen ob mir jemand das Desgin so umcodet das man die Werbung wieder sieht^^
Der momentane Code ist:
Css- Code ohne Style Tags:
Code: <!--
body {
scrollbar-face-color: #E8E8E8;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #9C9C9C;
scrollbar-darkshadow-color: #9C9C9C;
scrollbar-shadow-color: #9C9C9C;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color:#E8E8E8;
}
a:link {
color: #009ACD;
text-decoration:none;
text-transform:uppercase;
}
a:visited {color: #009ACD;
text-transform:uppercase;
text-decoration:none;
}
a:active {color: #009ACD;
text-transform:uppercase;
text-decoration:none;
}
a:hover {color: #7AC5CD;
cursor:default;
text-transform:uppercase;
}
A.navi:link, A.navi:active, A.navi:visited {
display: block;
padding-left: 2px;
font-family: Century Gothic;
font-size: 10px;
background-color:FBFBFB;
margin-bottom: 2px;
border-bottom: 1px dotted #CCE5E5;
border-left: 4px solid #99CCFF;
border-right: 0px dotted #7C757B;
border-top: 0px dotted #7C757B;
text-transform:uppercase;
letter-spacing: 1px;
color: #BEBEBE;
text-align: left;
line-height: 10px;}
A.navi:hover {
display: block;
padding-left: 2px;
font-family: Century Gothic;
font-size: 10px;
background-color:FFFFFF;
margin-bottom: 2px;
border-bottom: 1px dotted #F1F1F1;
border-left: 4px solid #CCE5FF;
border-right: 0px dotted #7C757B;
border-top: 0px dotted #7C757B;
text-transform:uppercase;
letter-spacing: 1px;
color: #A4A4A4;
text-align: left;
line-height: 10px;}
b, strong{
color:#00688B;
font-family: Verdana;
font-size: 10px;
}
i, em{
color:#00B2EE;
font-family: Verdana;
font-size: 10px;
}
u{
color: #607B8B;
text-decoration:underline;
font-family: Verdana;
font-size: 10px;
}
s, strike{
color:#36648B;
font-family: Verdana;
font-size: 10px;
}
font {
color: #BCBCBC;
font-family: Verdana;
font-size: 10px;
}
.bombastiic{
display: block;
font-family:Century Gothic;
text-transform:uppercase;
font-size: 11px;
background-color: F7FCFE;
color: #ffffff;
text-decoration: none;
border-bottom: 2px solid #99CCFF;
margin-bottom: 6px;
margin-right: 1px;
line-height: 12pt;
text-align: center;
margin-top: 0px;
letter-spacing: 2px;
test-transform: uppercase;
background: url(http://i53.tinypic.com/263yaoh.jpg);
}
.bombastic{
display: block;
font-family:Century Gothic;
text-transform:uppercase;
font-size: 11px;
background-color: F7FCFE;
color: #ffffff;
text-decoration: none;
border-bottom: 2px dotted #99CCFF;
border-left: 1px dotted #99CCFF;
margin-bottom: 6px;
margin-right: 1px;
line-height: 12pt;
text-align: left;
margin-top: 0px;
letter-spacing: 2px;
test-transform: uppercase;
background: url(http://i52.tinypic.com/125ki9d.jpg);
}
TEXTAREA { Color: #191970;
width:220px;
height:90px;
background-attachment:fixed;
Font-Family: tahoma;
Background-color: #f0f8ff;
Font-Size: 11px;
border: 1px solid #778899;
}
INPUT { Color: #B1BAB5;
Background-color: #FFFFFF;
Font-Family: Verdana;
Font-Size: 10px;
width: 120px;
height: 20px;
Border: 1px solid #ECECEC;
}
.box {
margin-bottom: 10px;
padding-left: 3px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
padding-top: 0px;
width:97%;
border: 1px dotted #D6D6D6;
-moz-opacity: 0.90;
opacity: 0.90;
background: url(http://i52.tinypic.com/ih2y6x.png);
}
#content {
position: absolute;
top:510px;
margin-left: 87px;
width: 650px;
padding: 8px;
color:#7F7F7F;
font-family: verdana;
font-size: 11px;
text-align: justify;
word-spacing: px;
letter-spacing: 1px;
overflow:auto;
border: 1px dotted #D6D6D6;
background: url(http://i52.tinypic.com/ih2y6x.png);
}
.inhaltetable { width: 100%;}
-->
</style>
</head>
<body bgcolor=#FFFFFF background="http://i54.tinypic.com/zufvv8.png">
<IMG SRC="http://img.webme.com/pic/h/hn-freaky/layout.png" WIDTH=1024 HEIGHT=700 BORDER=0 STYLE="position:absolute; top: 0; left:0" border="0" >
<div style="overflow: visible; position: absolute; width: 204px; height: 298px; left: 488px; top: 25px">
<div class=box>
<p class=bombastiic> Navi </p>
<a href=http:// class=navi>Refresh</a>
<a href=http:// class=navi>Miss</a>
<a href=http:// class=navi>Site</a>
<a href=http:// class=navi>History</a>
<a href=http:// class=navi>Link me</a>
<a href=http:// class=navi>Contact</a>
</div>
</div>
<div style="overflow: visible; position: absolute; width: 204px; height: 298px; left: 488px; top: 140px">
<div class=box>
<p class=bombastiic> Stuff. </p>
<table id="table1" width="100%" border="0"><tbody>
<tr valign="top">
<td style="width: 50%">
<a href=http:// class=navi>Icons</a>
<a href=http:// class=navi>Wallpaper</a>
<a href=http:// class=navi>Layouts</a>
</td>
<td>
<a href=http:// class=navi>Material</a>
<a href=http:// class=navi>PNGs</a>
<a href=http:// class=navi>Textures</a>
</td>
</tr>
</tbody></table>
</div>
<div class=box>
<p class=bombastiic> HELLO </p>
<center>
<font>
Hallo und Herzlich Willkommen auf The Vampire Knight =) Ich hoffe die Seite gefällt euch und findet hier alles an Informationen über Vampire Knight die es gibt ....<br /> <a href="" ></a> </center>
</font>
</div>
<div class=box>
<p class=bombastiic> Networks </p>
<a href=http:// class=navi>Guestbook</a>
<a href=http:// class=navi>Ask me</a>
<a href=http:// class=navi>Contests</a>
</div>
</div>
<div style="overflow: visible; position: absolute; width: 157px; height: 79px; left: 603px; top: 411px">
<p class=bombastiic>Credits</p>
<font>
<a href="http://bombastiic.de.tl" target="blank"> Desginvorlage </a> <br />
<a href="http://google.de" target="blank"> Headervorlage </a></br>
(Videos by: <a href="http://www.youtube.de" target="blank"> YouTube </a>)
</font>
</div>
<div style="overflow: visible; position: absolute; width: 316px; height: 79px; left: 98px; top: 412px">
<p class=bombastiic> Hello </p>
<font>
Haii Leute und Herzlich Willkommen auf einer kleinen aber feinen <b> Homepage </b>! Hier findet ihr alles aber auch wirklich alles über VK<i> !!! </i> Also ich hoffe sie gefällt euch und das ihr hier alles findet was ihr braucht :)
</font>
</div>
<div style="overflow: visible; position: absolute; width: 157px; height: 79px; left: 443px; top: 411px">
<center>
<p class=bombastiic> Top Partner </p>
<a href="http://sailor-girl.de.tl" target="blank"> <img src="http://img.webme.com/pic/h/hn-freaky/4-09.jpg" border=0></a>
<a href="http://" target="blank"> <img src="http://i51.tinypic.com/2lc4nq0.png" border=0></a>
<a href="http://" target="blank"> <img src="http://i51.tinypic.com/2lc4nq0.png" border=0> </a>
<a href="http:// " target="blank"> <img src="http://i51.tinypic.com/2lc4nq0.png" border=0> </a>
<br />
<font> Ein Besuch lohnt sich ;)<i>!!! </i> </font>
</center>
</div>
</body> </html>
table{margin: auto;}
↑
06.08.2011 um 10:35 (UTC) Titel: Re: Kann mir jemand Desgin umcoden?
Hallo!
CSS-Code ohne Styletags:
Zitat: <!--
body {
scrollbar-face-color: #E8E8E8;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #9C9C9C;
scrollbar-darkshadow-color: #9C9C9C;
scrollbar-shadow-color: #9C9C9C;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color:#E8E8E8;
background-color:#FFFFFF;
background-image:http://i54.tinypic.com/zufvv8.png;
}
## Noch
## mehr
## Code !!!
#content {
position: absolute;
top:612px;
margin-left: 87px;
width: 650px;
padding: 8px;
color:#7F7F7F;
font-family: verdana;
font-size: 11px;
text-align: justify;
word-spacing: px;
letter-spacing: 1px;
overflow:auto;
border: 1px dotted #D6D6D6;
background: url(http://i52.tinypic.com/ih2y6x.png);
}
.inhaltetable { width: 100%;}
table{margin: auto;}
-->
Text über dem Design:
Zitat: <IMG SRC="http://img.webme.com/pic/h/hn-freaky/layout.png" WIDTH=1024 HEIGHT=700 BORDER=0 STYLE="position:absolute; top: 102; left:0" border="0" >
<div style="overflow: visible; position: absolute; width: 204px; height: 298px; left: 488px; top: 127px">
<div class=box>
<p class=bombastiic> Navi </p>
<a href=http:// class=navi>Refresh</a>
<a href=http:// class=navi>Miss</a>
<a href=http:// class=navi>Site</a>
<a href=http:// class=navi>History</a>
<a href=http:// class=navi>Link me</a>
<a href=http:// class=navi>Contact</a>
</div>
</div>
<div style="overflow: visible; position: absolute; width: 204px; height: 298px; left: 488px; top: 242px">
<div class=box>
<p class=bombastiic> Stuff. </p>
<table id="table1" width="100%" border="0"><tbody>
<tr valign="top">
<td style="width: 50%">
<a href=http:// class=navi>Icons</a>
<a href=http:// class=navi>Wallpaper</a>
<a href=http:// class=navi>Layouts</a>
</td>
<td>
<a href=http:// class=navi>Material</a>
<a href=http:// class=navi>PNGs</a>
<a href=http:// class=navi>Textures</a>
</td>
</tr>
</tbody></table>
</div>
<div class=box>
<p class=bombastiic> HELLO </p>
<center>
<font>
Hallo und Herzlich Willkommen auf The Vampire Knight =) Ich hoffe die Seite gefällt euch und findet hier alles an Informationen über Vampire Knight die es gibt ....<br /> <a href="" ></a> </center>
</font>
</div>
<div class=box>
<p class=bombastiic> Networks </p>
<a href=http:// class=navi>Guestbook</a>
<a href=http:// class=navi>Ask me</a>
<a href=http:// class=navi>Contests</a>
</div>
</div>
<div style="overflow: visible; position: absolute; width: 157px; height: 79px; left: 603px; top: 513px">
<p class=bombastiic>Credits</p>
<font>
<a href="http://bombastiic.de.tl" target="blank"> Desginvorlage </a> <br />
<a href="http://google.de" target="blank"> Headervorlage </a></br>
(Videos by: <a href="http://www.youtube.de" target="blank"> YouTube </a>)
</font>
</div>
<div style="overflow: visible; position: absolute; width: 316px; height: 79px; left: 98px; top: 514px">
<p class=bombastiic> Hello </p>
<font>
Haii Leute und Herzlich Willkommen auf einer kleinen aber feinen <b> Homepage </b>! Hier findet ihr alles aber auch wirklich alles über VK<i> !!! </i> Also ich hoffe sie gefällt euch und das ihr hier alles findet was ihr braucht :)
</font>
</div>
<div style="overflow: visible; position: absolute; width: 157px; height: 79px; left: 443px; top: 513px">
<center>
<p class=bombastiic> Top Partner </p>
<a href="http://sailor-girl.de.tl" target="blank"> <img src="http://img.webme.com/pic/h/hn-freaky/4-09.jpg" border=0></a>
<a href="http://" target="blank"> <img src="http://i51.tinypic.com/2lc4nq0.png" border=0></a>
<a href="http://" target="blank"> <img src="http://i51.tinypic.com/2lc4nq0.png" border=0> </a>
<a href="http:// " target="blank"> <img src="http://i51.tinypic.com/2lc4nq0.png" border=0> </a>
<br />
<font> Ein Besuch lohnt sich ;)<i>!!! </i> </font>
</center>
</div>
Geändert .
Jetzt müsste es (besser) passen.
Gruß,
TransInt ______________Kein Support per PN - Im Forum hilft es allen!
Life is what happens while you are busy making other plans.
- John Lennon
Zuletzt bearbeitet von transint am 06.08.2011, 12:04, insgesamt 3-mal bearbeitet
↑
hn-freaky
06.08.2011 um 10:49 (UTC) Titel:
ja es passt besser, aber die werbung sieht man trotzdem immer noch nicht
↑
06.08.2011 um 10:53 (UTC) Titel:
Habe ich auch grade gemerkt
Ist aber so gut wie geändert
Gruß,
TransInt
______________
Kein Support per PN - Im Forum hilft es allen!
Life is what happens while you are busy making other plans.
- John Lennon
↑
06.08.2011 um 11:06 (UTC) Titel:
Soo, Code ist korrigiert. Pass auf die roten Stellen auf
Gruß,
TransInt
______________
Kein Support per PN - Im Forum hilft es allen!
Life is what happens while you are busy making other plans.
- John Lennon
↑
philipp7
Premium
Support-Team
Wohnort: Österreich
06.08.2011 um 11:13 (UTC) Titel:
So wäre die Werbung sichtbar:
text über:
Code: <IMG SRC="http://img.webme.com/pic/h/hn-freaky/layout.png" WIDTH=1024 HEIGHT=700 BORDER=0 STYLE="position:absolute; top: 100; left:0" border="0" >
<div style="overflow: visible; position: absolute; width: 204px; height: 298px; left: 488px; top: 125px">
<div class=box>
<p class=bombastiic> Navi </p>
<a href=http:// class=navi>Refresh</a>
<a href=http:// class=navi>Miss</a>
<a href=http:// class=navi>Site</a>
<a href=http:// class=navi>History</a>
<a href=http:// class=navi>Link me</a>
<a href=http:// class=navi>Contact</a>
</div>
</div>
<div style="overflow: visible; position: absolute; width: 204px; height: 298px; left: 488px; top: 240px">
<div class=box>
<p class=bombastiic> Stuff. </p>
<table id="table1" width="100%" border="0"><tbody>
<tr valign="top">
<td style="width: 50%">
<a href=http:// class=navi>Icons</a>
<a href=http:// class=navi>Wallpaper</a>
<a href=http:// class=navi>Layouts</a>
</td>
<td>
<a href=http:// class=navi>Material</a>
<a href=http:// class=navi>PNGs</a>
<a href=http:// class=navi>Textures</a>
</td>
</tr>
</tbody></table>
</div>
<div class=box>
<p class=bombastiic> HELLO </p>
<center>
<font>
Hallo und Herzlich Willkommen auf The Vampire Knight =) Ich hoffe die Seite gefällt euch und findet hier alles an Informationen über Vampire Knight die es gibt ....<br /> <a href="" ></a> </center>
</font>
</div>
<div class=box>
<p class=bombastiic> Networks </p>
<a href=http:// class=navi>Guestbook</a>
<a href=http:// class=navi>Ask me</a>
<a href=http:// class=navi>Contests</a>
</div>
</div>
<div style="overflow: visible; position: absolute; width: 157px; height: 79px; left: 603px; top: 520px">
<p class=bombastiic>Credits</p>
<font>
<a href="http://bombastiic.de.tl" target="blank"> Desginvorlage </a> <br />
<a href="http://google.de" target="blank"> Headervorlage </a></br>
(Videos by: <a href="http://www.youtube.de" target="blank"> YouTube </a>)
</font>
</div>
<div style="overflow: visible; position: absolute; width: 316px; height: 79px; left: 98px; top: 520px">
<p class=bombastiic> Hello </p>
<font>
Haii Leute und Herzlich Willkommen auf einer kleinen aber feinen <b> Homepage </b>! Hier findet ihr alles aber auch wirklich alles über VK<i> !!! </i> Also ich hoffe sie gefällt euch und das ihr hier alles findet was ihr braucht :)
</font>
</div>
<div style="overflow: visible; position: absolute; width: 157px; height: 79px; left: 443px; top: 520px">
<center>
<p class=bombastiic> Top Partner </p>
<a href="http://sailor-girl.de.tl" target="blank"> <img src="http://img.webme.com/pic/h/hn-freaky/4-09.jpg" border=0></a>
<a href="http://" target="blank"> <img src="http://i51.tinypic.com/2lc4nq0.png" border=0></a>
<a href="http://" target="blank"> <img src="http://i51.tinypic.com/2lc4nq0.png" border=0> </a>
<a href="http:// " target="blank"> <img src="http://i51.tinypic.com/2lc4nq0.png" border=0> </a>
<br />
<font> Ein Besuch lohnt sich ;)<i>!!! </i> </font>
</center>
</div>
Css Code:
Code: <!--
body {
scrollbar-face-color: #E8E8E8;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #9C9C9C;
scrollbar-darkshadow-color: #9C9C9C;
scrollbar-shadow-color: #9C9C9C;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color:#E8E8E8;
background-color:#FFFFFF;
background-image:http://i54.tinypic.com/zufvv8.png;
}
a:link {
color: #009ACD;
text-decoration:none;
text-transform:uppercase;
}
a:visited {color: #009ACD;
text-transform:uppercase;
text-decoration:none;
}
a:active {color: #009ACD;
text-transform:uppercase;
text-decoration:none;
}
a:hover {color: #7AC5CD;
cursor:default;
text-transform:uppercase;
}
A.navi:link, A.navi:active, A.navi:visited {
display: block;
padding-left: 2px;
font-family: Century Gothic;
font-size: 10px;
background-color:FBFBFB;
margin-bottom: 2px;
border-bottom: 1px dotted #CCE5E5;
border-left: 4px solid #99CCFF;
border-right: 0px dotted #7C757B;
border-top: 0px dotted #7C757B;
text-transform:uppercase;
letter-spacing: 1px;
color: #BEBEBE;
text-align: left;
line-height: 10px;}
A.navi:hover {
display: block;
padding-left: 2px;
font-family: Century Gothic;
font-size: 10px;
background-color:FFFFFF;
margin-bottom: 2px;
border-bottom: 1px dotted #F1F1F1;
border-left: 4px solid #CCE5FF;
border-right: 0px dotted #7C757B;
border-top: 0px dotted #7C757B;
text-transform:uppercase;
letter-spacing: 1px;
color: #A4A4A4;
text-align: left;
line-height: 10px;}
b, strong{
color:#00688B;
font-family: Verdana;
font-size: 10px;
}
i, em{
color:#00B2EE;
font-family: Verdana;
font-size: 10px;
}
u{
color: #607B8B;
text-decoration:underline;
font-family: Verdana;
font-size: 10px;
}
s, strike{
color:#36648B;
font-family: Verdana;
font-size: 10px;
}
font {
color: #BCBCBC;
font-family: Verdana;
font-size: 10px;
}
.bombastiic{
display: block;
font-family:Century Gothic;
text-transform:uppercase;
font-size: 11px;
background-color: F7FCFE;
color: #ffffff;
text-decoration: none;
border-bottom: 2px solid #99CCFF;
margin-bottom: 6px;
margin-right: 1px;
line-height: 12pt;
text-align: center;
margin-top: 0px;
letter-spacing: 2px;
test-transform: uppercase;
background: url(http://i53.tinypic.com/263yaoh.jpg);
}
.bombastic{
display: block;
font-family:Century Gothic;
text-transform:uppercase;
font-size: 11px;
background-color: F7FCFE;
color: #ffffff;
text-decoration: none;
border-bottom: 2px dotted #99CCFF;
border-left: 1px dotted #99CCFF;
margin-bottom: 6px;
margin-right: 1px;
line-height: 12pt;
text-align: left;
margin-top: 0px;
letter-spacing: 2px;
test-transform: uppercase;
background: url(http://i52.tinypic.com/125ki9d.jpg);
}
TEXTAREA { Color: #191970;
width:220px;
height:90px;
background-attachment:fixed;
Font-Family: tahoma;
Background-color: #f0f8ff;
Font-Size: 11px;
border: 1px solid #778899;
}
INPUT { Color: #B1BAB5;
Background-color: #FFFFFF;
Font-Family: Verdana;
Font-Size: 10px;
width: 120px;
height: 20px;
Border: 1px solid #ECECEC;
}
.box {
margin-bottom: 10px;
padding-left: 3px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 3px;
padding-top: 0px;
width:97%;
border: 1px dotted #D6D6D6;
-moz-opacity: 0.90;
opacity: 0.90;
background: url(http://i52.tinypic.com/ih2y6x.png);
}
#content {
position: absolute;
top:620px;
margin-left: 87px;
width: 650px;
padding: 8px;
color:#7F7F7F;
font-family: verdana;
font-size: 11px;
text-align: justify;
word-spacing: px;
letter-spacing: 1px;
overflow:auto;
border: 1px dotted #D6D6D6;
background: url(http://i52.tinypic.com/ih2y6x.png);
}
.inhaltetable { width: 100%;}
table{margin: auto;}
-->
mfg Philipp
Edit: Ok, jetzt hast du dann wohl 2 Lösungen
Was für ein Service hier
______________
Forenregeln ,
FAQ ,
Suchfunktion Zuletzt bearbeitet von philipp7 am 06.08.2011, 12:14, insgesamt einmal bearbeitet
↑
hn-freaky
06.08.2011 um 11:34 (UTC) Titel:
Boahh Vielen Dank
Aber ich möchte nicht unhöflich klingen oder nervig sein :S Aber wenn man z.b lange Texte schreibt sieht das so aus:
http://hn-freaky.de.tl/ ... davor war das nicht so
weißt du was ich dagegen tun soll???
↑
06.08.2011 um 11:49 (UTC) Titel:
Ist das mit beiden Lösungsvorschlägen so?
Wenn nicht, nimm den, wo's funktioniert
Gruß,
TransInt
______________
Kein Support per PN - Im Forum hilft es allen!
Life is what happens while you are busy making other plans.
- John Lennon
↑
hn-freaky
06.08.2011 um 11:53 (UTC) Titel:
Habs selber hinbekommen
Mit dem Hintergrund
Also vielen vielen Dank wegen der Werbung ich verlink dich dann bei den Credits
↑