Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag11.09.2009 um 16:14 (UTC)    
Titel: Ich suche einen Code!Bitte hilft mir!

Hallo,ich hoffe ihr könntet mir helfen!
Also ich brauche einen Code für Css (Ice Blue).Ich werde euch mal beschreiben wie ich es ungefähr haben will.

1.Würde ich gerne einen eigenen Hintergrund machen.
2.Navigation ändern können zum beispiel ein Code wo ich die Farbe,die Größe und die Schrift verändern kann.
3.Textfeld würde ich gerne transparent machen so wie auch den Header,Text im Header und die rechten Boxen.
4.Möchte keine Balken unterm Header haben und ganz unten.

So gesehen in einer kurz Fassung ich würde gerne einen Code haben wo ich Hintergrundbild einfügen kann,navigation ändern kann wenn ich es will.und wie man alles transparent macht so das man wirklich nur das sieht was ich will so wie das Navigation und eine Shoutbox.

Danke wenn es jemand hinbekommt.
Liebe Grüße MissBubu.de.tl
Embarassed [/i]


Zuletzt bearbeitet von missbubu am 11.09.2009, 17:21, insgesamt einmal bearbeitet
Beitrag11.09.2009 um 16:18 (UTC)    
Titel:

Zurückgezogen Wink


Zuletzt bearbeitet von homepage-vergleich am 11.09.2009, 17:22, insgesamt einmal bearbeitet
Beitrag11.09.2009 um 16:41 (UTC)    
Titel:

Hast du so ein Code?
Beitrag11.09.2009 um 16:55 (UTC)    
Titel:

Hier kannst du lernen :

http://www.iceblue-test.de.tl/

Und der Code zum freien editieren von Iceblue ist :

Zitat:
<style typ= "text/css">
<!--
/* Hintergrund hinter Design */
body {
background-color:#343434;
background-image:url(http://img.webme.com/pic/i/iceblue-test/hintergrundbild.gif);
background-repeat: repeat;
text-align:center; }


/* Container zum positionieren des Designs */
#Design_Iceblue {
position:absolute;
top: 0px;
left: 30px;
width: 980px; }

/* Design kürzen (kein scrollen des Designs bei kurzen Seiten) */
td.edit_main_tr {
height: 50% !important; }

/* Schriftfarbe + Größe auf 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; }

a:visited {
color:#800000;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}

a:hover {
color:blue;
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/i/iceblue-test/header.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 Navigation */
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;}

/* Hintergrund Navigation */
td.edit_navi_headbg {
height: 50%;
background-color: ;
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: ;
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 {
height:50px;
background-color: ;
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: ;
background-image: url();
border:0px solid #000000; }
-->
</style>
<!-- Nach dem </style> keine CSS-Codes mehr -->
<div id="Design_Iceblue">


So habe mal markiert was du wissen wolltest Wink

Alles ist fett was du für deine fragen brauchst.
Beitrag12.09.2009 um 08:57 (UTC)    
Titel:

Danke erstmal für den Gesamten Code aber wie entferne ich den den Gesamten Header den wollte ich ja nicht und die Balken neben den Navi auch nicht wie entferne ich noch die beiden Sachen dann ist es perfekt.Very Happy

Lg
Beitrag12.09.2009 um 09:12 (UTC)    
Titel:

weiss es auch nicht ich habe bissjetzt noch nie ein design gepixelt..
Beitrag12.09.2009 um 09:43 (UTC)    
Titel:

jabbonella hat Folgendes geschrieben:
weiss es auch nicht ich habe bissjetzt noch nie ein design gepixelt..
dann brauchst du hietr ja auchnicht zu posten...

@homepage-vergleich : Einfach nur die Klassen zu markieren ist wenig hilfreich, für jemanden, der sich bisher nur wenig damit beschäftigt hat.

Ich hab dir den code nochmal angepasst:

Zitat:
<style typ= "text/css">
<!--

Arrow Ganz am anfang von "Text überm Design" einfügen.


Zitat:
/* Hintergrund hinter Design */
body {
background-color:#343434;
background-image:url(http://bild-url.png);
background-repeat: repeat;
text-align:center; }

Nach dem obrigen Code einfügen. Die Stelle für die URL des Hintergrundbildes hab ich markiert. Zusätzlich kann noch eine Hintergrundfarbe angegeben werden.

/
Zitat:
/* Design kürzen (kein scrollen des Designs bei kurzen Seiten) */
td.edit_main_tr {
height: 50% !important; }

/* Schriftfarbe + Größe auf 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; }

a:visited {
color:#800000;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}

a:hover {
color:blue;
font-size:14px;
font-family:arial,verdana;
text-decoration:none;}


einfach Hinter dem Code oben einfügen.

Zitat:
/* Header oben entfernt*/
td.edit_header_full {visibility:hidden;}

/* Titel im Header entfernen */
td.headline {visibility:hidden;}

Einfach Hinter dem rest einfügen.

Zitat:
/* Titel über Navigation */
td.nav_heading {visibility:hidden;}


/* 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 Navigation */
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;}

/* Hintergrund Navigation */
td.edit_navi_headbg {
height: 50%;
background-color:none;
background-image:url();
border:0px solid #000000; }


Dies ist für die Navigation. Einfach unter dem Anderen Code einfügen. Erklärung:

color:#FFFFFF; = Schriftfarbe
font-size:14px; = Schriftgröße
font-family:arial,verdana; = Schriftart
text-align:center; = Schriftrichtung
background-color:#000000; = Hintergrundfarbe
background-image:url(http://bild-url.png); = Hintergrundbild
border:1px solid #000000; Rahmen farbe und Art

Zitat:
/* Balken über Textfeld */
td.edit_content_top {
height:29px;
background-color: transparent;
background-image:url();
border: none; }

/* Seitentitel über Textfeld */
td.headline2 {
color:#000000;
font-size:12px;
font-family:arial,verdana;
text-align:left;
background-color: transparent}

/* Textfeld */
td.edit_content {
padding-top:15px;
padding-bottom:15px;
background-color:transparent;
background-image: url();
border:none; }

/* Linke Spalte im Textfeld */
td.edit_content_left_spacer {visibility:hidden;}

/* Rechte Spalte im Textfeld */
td.edit_content_right_spacer {visibility:hidden;}

/* Erste Balken unter Textfeld */
td.edit_content_bottom {visibility:hidden;}

/* Zweiter Balken unter Textfeld (mit Counter) */
td.edit_content_bottom2 {visibility:hidden;}

/* Counter / Besucherzähler */
td.edit_content_bottom2_counter {
font-family:arial,verdana;
font-size:12px;
background-color:transparent;
border:none;
color:#000000;}

/* große Feld unter Textfeld */
td.edit_rechts_cbg {
height:50px;
background-color: ;
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:#000000;
font-size:14px;
font-family:arial,verdana ;
text-align:center;
height:29px;
background-color:transparent;
background-image: url();
border:0px solid #000000; }

/* rechte Boxen 1 bis 5 */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
color:#000000;
font-size:14px;
font-family.arial,verdana;
text-align:left;
background-color: transparent;
background-image: url();
border:0px 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: transparent;
background-image: url();
border:0px solid #000000; }


Diesen Code ebenfalls unter den anderen einfügen.
Zitat:
-->
</style>

zum Abschluss, dieses noch ganz am Ende der obrigen Codes einfügen.
______________



Zuletzt bearbeitet von the-fun-factory am 12.09.2009, 11:02, insgesamt 2-mal bearbeitet
Beitrag12.09.2009 um 10:00 (UTC)    
Titel:

Also erstmal vielen vielen dank du hast mir sehr weiter geholfen da gibt es aber noch eine kleinigkeit über mein Navi ist jetzt noch ein kleiner schwarze balken wie bekomm ich den jetzt noch weg?

Laughing Laughing Laughing
Beitrag12.09.2009 um 10:05 (UTC)    
Titel:

Ich hab den code oben nochmal geändert und den betreffenden Teil fett markiert.
Der Titel wird so versteckt, die Navi rutscht nicht nach oben. Wenn du sie lieber oben haben möchtest, musst du
Zitat:
td.nav_heading {display:none;}

anstatt des markierten einsetzen.
______________

Beitrag12.09.2009 um 10:11 (UTC)    
Titel:

Super hat geklappt danke danke jetzt ist es so wie ich es haben wollte.

Surprised Laughing
Beitrag12.09.2009 um 10:27 (UTC)    
Titel:

gern gescheh'n Very Happy
______________

Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de