Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag11.06.2007 um 15:18 (UTC)    
Titel: CSS : Design Iceblue / komplett transparent

Design transparent / eigenes Hintergrund-Bild
----> Beschreibung von User "seperate.de.tl"

Die unten genannten Codes müsst ihr hier einfügen:
Arrow Login
Arrow Design einstellen
Arrow Erweiterte Einstellungen
Arrow Text über dem Design
*Erklärung mit Bildern*

Zitat:

<style type="text/css">
<!--

/* Werbung und Design mittig */
table {margin: 0px auto; }

/*Hintergrund-Bild fixiert */
body {
background-image:url(Grafikadresse);
background-repeat:no-repeat;
background-attachment: fixed;
color: #000000;
font-size: 14px; }

/* Header unsichtbar*/
td.edit_header_full{visibility: hidden;}

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

/*Navigation eigene Buttons*/
td.nav{
background-image: url(http://Hier Button 1); }

/* Hover Button */
td.nav:hover{
background-image: url(http://Hier Button 2[);}

/* Linkfarbe Navigation */
td.nav a {color: #FFFFFF; }

/* Hover Linkfarbe */
td.nav a:hover {color: #800000; }

/* Titel über Navigation */
td.nav_heading{
background-color: transparent;
background-image: url(); }

/* Feld unter Navi */
td.edit_below_nav {visibility:hidden;}

/* Feld hinter Navi */
td.edit_navi_headbg{
background-color: transparent;
background-image: url();}

/*Textfeld-Bereiche unsichtbar*/
td.headline2{visibility:hidden;}
td.edit_content_top{visibility:hidden;}

td.edit_content{
background-image:url();
background-color:transparent;}
td.edit_content_bottom{visibility:hidden;}

td.edit_content_bottom2{
background-image:url();
background-color:transparent;}

/*Rechte Boxen unsichtbar*/
td.edit_rechts_sbg{visibility:hidden;}
td.edit_rechts_cbg{background-image: url();}
td.edit_rechts_bottom{background-image: url(); }
td.edit_rb_footer{visibility:hidden;}
td.sidebar_heading{visibility:hidden; }

td.shouty, .shouty2, .shouty3, .shouty4, .shouty5{
background-image: url();
background-color: transparent;}
--></style>


Wenn das Hintergrund-Bild mit-scrollen soll , aus dem Code folgendes löschen:
Zitat:
background-attachment: fixed;


Soll eigener Header sichtbar sein ?
Lösche im Code das: td.edit_header_full{visibility: hidden;}
Und füge stattdessen diese Anweisung ein:

Zitat:

td.edit_header_full {
background-image: url(http://Hier Header-Bild);
background-repeat:no-repeat;
background-position:center center;}


Wo finde ich Bild-URL für Hintergrund-Bild ?
- logge Dich ein
- gehe auf "Bilder verwalten"
- Hintergrund-Bild hochladen
- nach hochladen Bilder-Namen (grüner Balken) anklicken
- das Bild wird nun angezeigt
- mit der Maus auf das Bild
- mit Rechtsklick auf "Eigenschaften"
- dort steht die http://img.webme.com/pic/../...../.....jpg des Bildes
- das ist die Bild-URL / Bild-Adresse
- diese im Code einfügen

Gruss Wolle


Zuletzt bearbeitet von wolle am 18.12.2011, 00:36, insgesamt 13-mal bearbeitet
Beiträge der letzten Zeit anzeigen:   


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