Autor |
Nachricht |
-

diddldiespringmaus
|
17.12.2009 um 19:56 (UTC) Titel: Iceblue: zentrieren + Hintergrund nicht wiederholen? |
|
|
Design Iceblue: brauch hilfe!
ich habe das design Iceblue ich habe mit hilfe dieses themas (Design Iceblue: Das Grundgerüst / freies Designen)
mehr oder weniger ein eigenes Design erstellt, also ich habe die vorlage bei mir drin.
wie bekomme ich das jetzt darein das alles wieder mittig ist?
und wie bekomme ich das hin das mein hintergrund sich nicht immer wiederholt?
ich weis das man hier sehr viele cods finden kann aber ich weis nicht wo und wie ich die einfügen muss!
Danke
Zuletzt bearbeitet von diddldiespringmaus am 19.12.2009, 01:43, insgesamt einmal bearbeitet
|
|
↑
|
|
 |
-

age-company
|
18.12.2009 um 13:37 (UTC) Titel: ... |
|
|
Machen wir es so schreib erstmal deinen Quellcode hier rein. Damit ich dir es besser erklären kann.
Noch ein Tipp. Wird Die Age Company designen für jeden kostenlos ganz nach wunsch Webseiten.
h.h Age Company |
|
↑
|
|
 |
-

diddldiespringmaus
|
18.12.2009 um 15:15 (UTC) Titel: |
|
|
Da ist zur zeit der design code den ich auf meiner seite habe!
<style type="text/css">
<!--
/* Hintergrund hinter Design */
body {
background-color:#343434;
background-image:url(http://amtnet.de/Maximilian/diddl_hibi4.bmp);
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://img.webme.com/pic/d/diddldiespringmaus/banner1.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://img.webme.com/pic/i/iceblue-test/balken_schwarz.jpg);
border:1px solid #000000; }
/* Navigation Buttons */
td.nav {
background-color:#E2E2E2;
background-image: url();
border:1px solid #000000; }
/* Hover-Effekt Navigation Buttons */
td.nav:hover {
background-color:#800000;
background-image:url();
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();
border:0px solid #000000; }
/* Balken über Textfeld */
td.edit_content_top {
height:29px;
background-color:#000000;
background-image:url(http://img.webme.com/pic/i/iceblue-test/balken_schwarz.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();
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/i/iceblue-test/balken_schwarz.jpg);
border:1px solid #000000; }
/* Zweiter Balken unter Textfeld (mit Counter) */
td.edit_content_bottom2 {
background-color:#XXXXXX ;
background-image: url();
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();
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://img.webme.com/pic/i/iceblue-test/balken_schwarz.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();
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();
border:0px solid #000000; }
-->
</style>
und dann habe ich noch diesen code damit die webseite mittig ist!
das hier über dem design
<div align="center"> <table border="0" width="60%" id="table1"> <tr> <td> <div align="center"> <style type="text/css"> <!-- table.edit_main_table{width: 100%;} td.edit_main_tr{width: 100%;} table.edit_second_table{width: 100%;} td.edit_header_full{width: 100%;background-position:center;background-repeat:no-repeat; } td.edit_header_full table{width: 100%;} table.edit_third_table{width: 100%;} table.edit_rechts_tabelle{width: 100%;} --> </style>
und das unter dem design
</td></tr></table></div>
aber wo muss ich das jetzt in den text von meinem design einfügen? und wie bekomme ich das hin das sich mein hintergrund bild nicht immer wiederholt?
liebe grüsse Vivien |
|
↑
|
|
 |
-

age-company
|
18.12.2009 um 15:36 (UTC) Titel: --- |
|
|
Hey
Damit der Hintergrund sich nich mehr wiederholt bei Backround repeat: no repeat eingeben. Und damit es in die Mitte kommt setzen wir noch ein <center> ein.
Mein Angebot steht immernoch. Das ich dir ein Individuelles Design anfertige genau so wie du willst ohne Kosten.
Den Coede einfügen bei:
 Design Einstellen
 Design auswählen
 CSS/ Nur für Profis
 Erweiterte Einstellungen
 CSS Code ohne Style Tag
 Einfügen und speichern
Den rest fügst du so ein wie du es vorher schon gemacht hast.
Ich hab deinen Code mal bearbeitet versuchs mal so:
Code:
</style>
<center>
<style type="text/css">
<!--
/* Hintergrund hinter Design */
body {
background-color:#343434;
background-image:url(http://amtnet.de/Maximilian/diddl_hibi4.bmp);
background-repeat: no 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://img.webme.com/pic/d/diddldiespringmaus/banner1.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://img.webme.com/pic/i/iceblue-test/balken_schwarz.jpg);
border:1px solid #000000; }
/* Navigation Buttons */
td.nav {
background-color:#E2E2E2;
background-image: url();
border:1px solid #000000; }
/* Hover-Effekt Navigation Buttons */
td.nav:hover {
background-color:#800000;
background-image:url();
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();
border:0px solid #000000; }
/* Balken über Textfeld */
td.edit_content_top {
height:29px;
background-color:#000000;
background-image:url(http://img.webme.com/pic/i/iceblue-test/balken_schwarz.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();
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/i/iceblue-test/balken_schwarz.jpg);
border:1px solid #000000; }
/* Zweiter Balken unter Textfeld (mit Counter) */
td.edit_content_bottom2 {
background-color:#XXXXXX ;
background-image: url();
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();
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://img.webme.com/pic/i/iceblue-test/balken_schwarz.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();
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();
border:0px solid #000000; }
-->
</style>
|
|
↑
|
|
 |
-

schwarzauer-minis
|
19.12.2009 um 16:59 (UTC) Titel: ... |
|
|
Wo hast du eigentlcih den Code her. Der ist ziehmlich Komisch und Umständlich finde ich. |
|
↑
|
|
 |
-

diddldiespringmaus
|
19.12.2009 um 17:39 (UTC) Titel: |
|
|
den hab ich von hier! aus dem forum |
|
↑
|
|
 |
|