| Autor |
Nachricht |
-
4story-nordlicht
|
 04.10.2009 um 14:01 (UTC)
Titel: Iceblue Design Fehler wegcoden |
|
|
hallo, kann mir aus dem Code, der nicht wirklich gut aussieht etwas zusammencoden, damit es alles von den größen her passt?
(PS. habe die Erlaubnis die Grafiken von www.4story.de zu verwenden)
Code:
Code:
<style type="text/css">
<!--
/* Hintergrund hinter Design */
body {
background-color:#343434;
background-image:url(http://i33.tinypic.com/2s1u1ro.jpg);
background-repeat: repeat;
text-align:center; }
/* Schriftfarbe + Größe auf allen Seiten */
td {
color:#000000;
font-size:14px;
text-align:left;
font-family: arial,verdana; }
/* Linkfarben + Größen auf Seiten */
a:link {
color:#000080;
font-size:14px;
font-family:arial,verdana;
text-decoration:none; }
/* besuchte Links */
a:visited {
color:#800000;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}
/*Hover-Effekt bei Links*/
a:hover{
color:#000080;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}
/* Header oben */
td.edit_header_full {
background-color:#FFFFFF;
background-image:url(http://4story.de/img/header-bg.jpg);
background-repeat:no-repeat;
border:1px solid #000000; }
/* Titel im Header entfernen */
td.headline {visibility:hidden;}
/* Titel über Navigation */
td.nav_heading {
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana;
text-align:center;
height:29px;
background-color:#000000;
background-image:url(http://4story.de/img/modul-box-head.jpg);
border:1px solid #000000; }
/* Navigation Buttons */
td.nav {
background-color:#E2E2E2;
background-image: url(http://i33.tinypic.com/16kdi6h.png);
border:161x86px solid #000000; }
/* Hover-Effekt Navigation Buttons */
td.nav:hover {
background-color:#800000;
background-image:url(http://i35.tinypic.com/2ui8wg3.png);
border:1px solid #000000; }
/* Textlinks in Navigation */
td.nav a {
color:#000000;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
text-align:left; }
/* Hover-Effekt Textlinks */
td.nav a:hover{
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
text-align:left; }
/* Bild unter Navigation entfernt */
td.edit_below_nav
background-color:#8 00000;
background-image:url(http://4story.de/img/modul-box-foot.png);
border:1px solid #000000; }
/* Feld hinter Navigation / Kein Scrollbalken mehr bei Seiten mit wenig Inhalt */
td.edit_main_tr {
height: 50% !important; }
/* Hintergrund Navigation */
td.edit_navi_headbg {
height: 50%;
background-color:#XXXXXX ;
background-image:url(http://i33.tinypic.com/2s1u1ro.jpg);
border:0px solid #000000; }
/* Balken über Textfeld */
td.edit_content_top {
height:29px;
background-color:#000000;
background-image:url(http://4story.de/img/content-box-head.jpg);
border:1px solid #000000; }
/* Seitentitel über Textfeld */
td.headline2 {
color:#FFFFFF;
font-size:12px;
font-family:arial,verdana;
text-align:left; }
/* Textfeld */
td.edit_content {
padding-top:15px;
padding-bottom:15px;
background-color:#FFFFFF;
background-image: url(http://4story.de/img/content-box-bg.jpg);
border:1px solid #000000; }
/* Linke Spalte im Textfeld */
td.edit_content_left_spacer {
background-color:#F2F2F2;
background-image:url(); }
/* Rechte Spalte im Textfeld */
td.edit_content_right_spacer {
background-color:#F2F2F2;
background-image:url(); }
/* Erste Balken unter Textfeld */
td.edit_content_bottom {
height:29px;
background-color:#000000;
background-image: url(http://4story.de/img/content-box-foot.jpg);
border:1px solid #000000; }
/* Zweiter Balken unter Textfeld (mit Counter) */
td.edit_content_bottom2 {
background-color:#XXXXXX ;
background-image: url(http://i33.tinypic.com/r1j4b4.jpg);
border:0px solid #000000; }
/* Counter / Besucherzähler */
td.edit_content_bottom2_counter {
font-family:arial,verdana;
font-size:12px;
background-color:#c9c9c9;
border:1px solid #000000; }
/* große Feld unter Textfeld */
td.edit_rechts_cbg {
background-color:#XXXXXX;
background-image: url(http://4story.de/img/container-bg.jpg);
border:0px solid #000000; }
/* Streifen rechts vom Design entfernt mit */
td.edit_rechts_sbg {display:none;}
/* Titel über rechter Box */
td.sidebar_heading {
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana ;
text-align:center;
height:29px;
background-color:#000000;
background-image: url(http://4story.de/img/modul-box-head.jpg);
border:1px solid #000000; }
/* rechte Boxen 1 bis 5 */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
color:#000080;
font-size:14px;
font-family.arial,verdana;
text-align:left;
background-color:#F2F2F2;
background-image: url(http://4story.de/img/modul-box-bg.png);
border:1px solid #000000; }
/* Abschluß unter Boxen 1 bis 5 entfernt mit */
td.edit_rb_footer{display:none; }
/* Hintergrund unter rechten Boxen */
td.edit_rechts_bottom {
background-color:#XXXXXX ;
background-image: url(http://4story.de/img/modul-box-middle.png);
border:0px solid #000000; }
-->
</style> |
|
|
↑
|
|
 |
-
g-n-p
|
04.10.2009 um 17:55 (UTC)
Titel: |
|
|
besser ging es nicht. leider an manchen stellen etwas unscharf, aber trotzdem ganz gut geworden
Code: <style type="text/css">
<!--
/* Hintergrund hinter Design */
body {
background-color:#343434;
background-image:url(http://i33.tinypic.com/2s1u1ro.jpg);
background-repeat: repeat;
text-align:center; }
/* Schriftfarbe + Gre0020auf allen Seiten */
td {
color:#000000;
font-size:14px;
text-align:left;
font-family: arial,verdana; }
/* Linkfarben + Gre006e auf Seiten */
a:link {
color:#000080;
font-size:14px;
font-family:arial,verdana;
text-decoration:none; }
/* besuchte Links */
a:visited {
color:#800000;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}
/*Hover-Effekt bei Links*/
a:hover{
color:#000080;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}
/* Header oben */
td.edit_header_full {
background-color:#FFFFFF;
background-image:url(http://img.webme.com/pic/g/g-n-p/header-bg2.jpg);
background-repeat:no-repeat;
border:1px solid #000000; }
/* Titel im Header entfernen */
td.headline {visibility:hidden;}
/* Titel b006500720020004eavigation */
td.nav_heading {
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana;
text-align:center;
height:29px;
background-color:#000000;
background-image:url(http://4story.de/img/modul-box-head.jpg);
border:1px solid #000000; }
/* Navigation Buttons */
td.nav {
background-color:#E2E2E2;
background-image: url(http://img.webme.com/pic/g/g-n-p/16kdi6h42.png);
border:185x86px solid #000000; }
/* Hover-Effekt Navigation Buttons */
td.nav:hover {
background-color:#800000;
background-image:url(http://img.webme.com/pic/g/g-n-p/2ui8wg33.png);
border:1px solid #000000; }
/* Textlinks in Navigation */
td.nav a {
color:#000000;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
text-align:left; }
/* Hover-Effekt Textlinks */
td.nav a:hover{
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
text-align:left; }
/* Bild unter Navigation entfernt */
td.edit_below_nav
background-color:#8 00000;
background-image:url(http://4story.de/img/modul-box-foot.png);
border:1px solid #000000; }
/* Feld hinter Navigation / Kein Scrollbalken mehr bei Seiten mit wenig Inhalt */
td.edit_main_tr {
height: 50% !important; }
/* Hintergrund Navigation */
td.edit_navi_headbg {
height: 50%;
background-color:#XXXXXX ;
background-image:url(http://i33.tinypic.com/2s1u1ro.jpg);
border:0px solid #000000; }
/* Balken b0065007200200054extfeld */
td.edit_content_top {
height:29px;
background-color:#000000;
background-image:url(http://img.webme.com/pic/g/g-n-p/content-box-head2.jpg);
border:1px solid #000000; }
/* Seitentitel b0065007200200054extfeld */
td.headline2 {
color:#FFFFFF;
font-size:12px;
font-family:arial,verdana;
text-align:left; }
/* Textfeld */
td.edit_content {
padding-top:15px;
padding-bottom:15px;
background-color:#FFFFFF;
background-image: url(http://img.webme.com/pic/g/g-n-p/content-box-bg2.jpg);
border:1px solid #000000; }
/* Linke Spalte im Textfeld */
td.edit_content_left_spacer {
background-color:#F2F2F2;
background-image:url(); }
/* Rechte Spalte im Textfeld */
td.edit_content_right_spacer {
background-color:#F2F2F2;
background-image:url(); }
/* Erste Balken unter Textfeld */
td.edit_content_bottom {
height:29px;
background-color:#000000;
background-image: url(http://img.webme.com/pic/g/g-n-p/content-box-foot2.jpg);
border:1px solid #000000; }
/* Zweiter Balken unter Textfeld (mit Counter) */
td.edit_content_bottom2 {
background-color:#XXXXXX ;
background-image: url(http://i33.tinypic.com/r1j4b4.jpg);
border:0px solid #000000; }
/* Counter / Besucherzh006cer */
td.edit_content_bottom2_counter {
font-family:arial,verdana;
font-size:12px;
background-color:#c9c9c9;
border:1px solid #000000; }
/* groe Feld unter Textfeld */
td.edit_rechts_cbg {
background-color:#XXXXXX;
background-image: url(http://4story.de/img/container-bg.jpg);
border:0px solid #000000; }
/* Streifen rechts vom Design entfernt mit */
td.edit_rechts_sbg {display:none;}
/* Titel b0065007200200072echter Box */
td.sidebar_heading {
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana ;
text-align:center;
height:29px;
background-color:#000000;
background-image: url(http://img.webme.com/pic/g/g-n-p/modul-box-head23.jpg);
border:1px solid #000000; }
/* rechte Boxen 1 bis 5 */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
color:#000080;
font-size:14px;
font-family.arial,verdana;
text-align:left;
background-color:#F2F2F2;
background-image: url(http://4story.de/img/modul-box-bg.png);
border:1px solid #000000; }
/* Abschlu unter Boxen 1 bis 5 entfernt mit */
td.edit_rb_footer{display:none; }
/* Hintergrund unter rechten Boxen */
td.edit_rechts_bottom {
background-color:#XXXXXX ;
background-image: url(http://4story.de/img/modul-box-middle.png);
border:0px solid #000000; }
-->
</style>
______________
Spielen ist mein Leben und das Leben ist ein Spiel
Zuletzt bearbeitet von g-n-p am 04.10.2009, 19:05, insgesamt 2-mal bearbeitet
|
|
|
↑
|
|
|
-
4story-nordlicht
|
05.10.2009 um 16:24 (UTC)
Titel: |
|
|
gefällt mir, noch eine Frage, kannst du den linken rand etwas verändern, wie du es möchtest!! 
und links unter der navi den blauen kasten entfernen??
danke dir schonmal!!  |
|
|
↑
|
|
|
-
g-n-p
|
05.10.2009 um 16:28 (UTC)
Titel: |
|
|
hier der code für die box links unten
Code: <style type="text/css">
<!--
/* Bild unter Navigation entfernt */
td.edit_below_nav {display:none;}
-->
</style>
aber welchen linken rand meinst du?
______________
Spielen ist mein Leben und das Leben ist ein Spiel
Zuletzt bearbeitet von g-n-p am 05.10.2009, 17:35, insgesamt einmal bearbeitet
|
|
|
↑
|
|
|
-
g-n-p
|
05.10.2009 um 16:45 (UTC)
Titel: |
|
|
hier nochmal der überarbeitete code, ohne box untert navi und besseres textfeld:
Code:
<style type="text/css">
<!--
/* Hintergrund hinter Design */
body {
background-color:#343434;
background-image:url(http://i33.tinypic.com/2s1u1ro.jpg);
background-repeat: repeat;
text-align:center; }
/* Schriftfarbe + Gre0020auf allen Seiten */
td {
color:#000000;
font-size:14px;
text-align:left;
font-family: arial,verdana; }
/* Linkfarben + Gre006e auf Seiten */
a:link {
color:#000080;
font-size:14px;
font-family:arial,verdana;
text-decoration:none; }
/* besuchte Links */
a:visited {
color:#800000;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}
/*Hover-Effekt bei Links*/
a:hover{
color:#000080;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}
/* Header oben */
td.edit_header_full {
background-color:#FFFFFF;
background-image:url(http://img.webme.com/pic/g/g-n-p/header-bg2.jpg);
background-repeat:no-repeat;
border:1px solid #000000; }
/* Titel im Header entfernen */
td.headline {visibility:hidden;}
/* Titel b006500720020004eavigation */
td.nav_heading {
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana;
text-align:center;
height:29px;
background-color:#000000;
background-image:url(http://4story.de/img/modul-box-head.jpg);
border:1px solid #000000; }
/* Navigation Buttons */
td.nav {
background-color:#E2E2E2;
background-image: url(http://img.webme.com/pic/g/g-n-p/16kdi6h42.png);
border:185x86px solid #000000; }
/* Hover-Effekt Navigation Buttons */
td.nav:hover {
background-color:#800000;
background-image:url(http://img.webme.com/pic/g/g-n-p/2ui8wg33.png);
border:1px solid #000000; }
/* Textlinks in Navigation */
td.nav a {
color:#000000;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
text-align:left; }
/* Hover-Effekt Textlinks */
td.nav a:hover{
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;
text-align:left; }
/* Bild unter Navigation entfernt */
td.edit_below_nav {display:none;}
/* Feld hinter Navigation / Kein Scrollbalken mehr bei Seiten mit wenig Inhalt */
td.edit_main_tr {
height: 50% !important; }
/* Hintergrund Navigation */
td.edit_navi_headbg {
height: 50%;
background-color:#XXXXXX ;
background-image:url(http://i33.tinypic.com/2s1u1ro.jpg);
border:0px solid #000000; }
/* Balken b0065007200200054extfeld */
td.edit_content_top {
height:29px;
background-color:#000000;
background-image:url(http://img.webme.com/pic/g/g-n-p/content-box-head2.jpg);
border:1px solid #000000; }
/* Seitentitel b0065007200200054extfeld */
td.headline2 {
color:#FFFFFF;
font-size:12px;
font-family:arial,verdana;
text-align:left; }
/* Textfeld */
td.edit_content {
padding-top:15px;
padding-bottom:15px;
background-color:#FFFFFF;
background-image: url(http://img.webme.com/pic/g/g-n-p/content-box-bg2.jpg);
border:1px solid #000000; }
/* Linke Spalte im Textfeld */
td.edit_content_left_spacer {
background-color:#F2F2F2;
background-image:url(http://img.webme.com/pic/g/g-n-p/content-box-bg2.jpg); }
/* Rechte Spalte im Textfeld */
td.edit_content_right_spacer {
background-color:#F2F2F2;
background-image:url(http://img.webme.com/pic/g/g-n-p/conten-box-bg300.png); }
/* Erste Balken unter Textfeld */
td.edit_content_bottom {
height:29px;
background-color:#000000;
background-image: url(http://img.webme.com/pic/g/g-n-p/content-box-foot2.jpg);
border:1px solid #000000; }
/* Zweiter Balken unter Textfeld (mit Counter) */
td.edit_content_bottom2 {
background-color:#XXXXXX ;
background-image: url(http://i33.tinypic.com/r1j4b4.jpg);
border:0px solid #000000; }
/* Counter / Besucherzh006cer */
td.edit_content_bottom2_counter {
font-family:arial,verdana;
font-size:12px;
background-color:#c9c9c9;
border:1px solid #000000; }
/* groe Feld unter Textfeld */
td.edit_rechts_cbg {
background-color:#XXXXXX;
background-image: url(http://4story.de/img/container-bg.jpg);
border:0px solid #000000; }
/* Streifen rechts vom Design entfernt mit */
td.edit_rechts_sbg {display:none;}
/* Titel b0065007200200072echter Box */
td.sidebar_heading {
color:#FFFFFF;
font-size:14px;
font-family:arial,verdana ;
text-align:center;
height:29px;
background-color:#000000;
background-image: url(http://img.webme.com/pic/g/g-n-p/modul-box-head23.jpg);
border:1px solid #000000; }
/* rechte Boxen 1 bis 5 */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
color:#000080;
font-size:14px;
font-family.arial,verdana;
text-align:left;
background-color:#F2F2F2;
background-image: url(http://4story.de/img/modul-box-bg.png);
border:1px solid #000000; }
/* Abschlu unter Boxen 1 bis 5 entfernt mit */
td.edit_rb_footer{display:none; }
/* Hintergrund unter rechten Boxen */
td.edit_rechts_bottom {
background-color:#XXXXXX ;
background-image: url(http://4story.de/img/modul-box-middle.png);
border:0px solid #000000; }
-->
</style>
______________
Spielen ist mein Leben und das Leben ist ein Spiel
Zuletzt bearbeitet von g-n-p am 05.10.2009, 17:54, insgesamt einmal bearbeitet
|
|
|
↑
|
|
|
-
4story-nordlicht
|
05.10.2009 um 18:35 (UTC)
Titel: |
|
|
danke dir!! gefällt mir gut!!
kann ich mich irgenwie revoschieren(oda wie man des schreibt ) |
|
|
↑
|
|
|
-
g-n-p
|
06.10.2009 um 13:10 (UTC)
Titel: |
|
|
neee, brauchst du nicht...schon gut ______________ Spielen ist mein Leben und das Leben ist ein Spiel |
|
|
↑
|
|
|
|
