Tacherle Auf Meiner Homepage!

_.-Home-._

   

Mexico Welcome



Auf Meiner Hompage!

Es geht hier um alles was mein Herz und hoffentlich auch dein Herz begehrt!  

Schreibt doch bitte in mein Gäsebuch! 

Du hast echt Glück das du hier gelandet bist! 

 
LOL 

 

Mexiko ist mein Liiebiingsland!

 
Heute waren schon 1 Besucher (1 Hits) hier!
/* padding macht Rahmen aus der Hintergrund-Grafik */ font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 100.01%; background-image: url(../images/spektrum.jpg); background-position: 0px 0em; padding: 0 .2em .2em 3em; border-style: solid; border-width: 1px; border-color: #FFFFFF #C0C0C0 #C0C0C0 #FFFFFF; } /* Alles umschlieszender Container */ #wrapper { font-size: 80%; background-color: #ffffff; } /* Header */ #header { margin-left: -1.2em; padding: 2.5em 0.5em 2em 0; background-image: url(../images/spektrum.jpg); } #header #logo h1 { position: relative; z-index: 10; padding: .1em 0 .1em 6em; background-image: url(../images/spektrum.jpg); border-style: solid; border-width: 1px; border-color: #ffffff #999999 #999999 #ffffff; text-align: center; color: #FFFFFF; font-size: 200%; line-height: 100%; font-variant: small-caps; font-family: Georgia, Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: 1em; } /* Breadcrumb */ #breadcrumb p { margin: 0 1em 0 14em; padding: .5em .5em 0 0; text-align: right; font-variant: small-caps; font-family: Georgia, Arial, Helvetica, sans-serif; letter-spacing: .05em; } /* Content */ #contentpre { /* optional, zB. fuer Grafik */ display: none; } #content { margin: 0 1em 0 14em; padding: 2em 0; } /* Footer */ #footerpre { /* optional, zB. fuer Grafik */ display: none; } #footer p { padding: .5em 1em; text-align: right; } /* ===== Menues ===== */ #menuebox { position: relative; float: left; z-index: 1; width: 12em; margin: -6em 0 3em -2.5em; padding: 5.5em 1em 2em 1em; border-style: solid; border-width: 1px; border-color: #FFFFFF #C0C0C0 #C0C0C0 #FFFFFF; background-image: url(../images/spektrum.jpg); background-position: 0px 1.5em; color: #FFFFFF; font-variant: small-caps; font-family: Georgia, Arial, Helvetica, sans-serif; } #menpre1, #menpre2, #menpre3 { /* optional, zB. fuer Grafik */ display: none; } #menaft1, #menaft2, #menaft3 { /* optional, zB. fuer Grafik */ display: none; } /* === Gestaltung Menue-Listen === */ ul { list-style-type: none; } #menue1, #menue2, #menue3 { margin: 0px; padding: .5em 0; } #menu2a { margin-top: 1.5em; } /* === LINKS === /* Links allgemein */ a:link { border-width: 1px; border-style: none none solid none; border-color: #0077Cc; color: #0077Cc; text-decoration: none; } a:visited { border-width: 1px; border-style: none none solid none; border-color: #0077Cc; color: #0077Cc; text-decoration: none; } a:hover { background-color: #0099Cc; text-decoration: none; color: #FFFFFF; } a.ext:after { content: "21970A0"; /* Pfeil */ } .initial:after { content: ""; padding: .05em; /* sorgt fuer ein wenig horizontalen Abstand */ } /* Links in Menues */ /* [1] Die Links haben eine 50%ige Transparenz. Die Grafik des HG von #menuebox scheint durch. Durch Wechsel der Farben ('background-color') zwischen weiss und schwarz wird der HG aufgehellt bzw. abgedunkelt. Die Schriftfarbe wechselt umgekehrt, so dass passender Kontrast entsteht. */ #menuebox a { display: block; margin: .3em .2em; padding: .5em; border-width: 1px; border-style: solid; text-decoration: none; opacity: 0.5; /* CSS3 */ } #menuebox a:link { border-color: #808080 #000000 #000000 #808080; background-color: #FFFFFF; color: #000000; } #menuebox a:visited { border-color: #808080 #000000 #000000 #808080; background-color: #FFFFFF; color: #000000; } #menuebox a:hover { border-color: #FFFFFF; background-color: #000000; color: #FFFFFF; } #menuebox a.aktiv { border-color: #FFFFFF; background-color: #000000; color: #FFFFFF; cursor: default; } /* === TEXT-FORMATE === */ /* in #content */ #content p, #content h2, #content h3, #content h4 { margin: 0 auto; max-width: 550px; word-spacing: .1em; letter-spacing: .1em; } /* Headings (H1 ist reserviert fuer Text-Logo im 'Header') */ #content .header-h2, #content .header-h3, #content .header-h4 { margin: 1em auto; font-family: Georgia, Arial, Helvetica, sans-serif; color: #808080; font-variant: small-caps; } #content .header-h2 { margin: 0 auto; } #content .header-h2 h2, #content .header-h3 h3, #content .header-h4 h4 { /* fuer alle Header */ max-width: 550px; padding: .5em .5em 0 .5em; border-width: 1px; border-style: none none solid none; line-height: 1.25em; } /* verschiedene Farben und Groessen der Header-Ebenen */ #content .header-h2 h2 { border-color: #007F00; font-size: 175%; text-indent: -1em; letter-spacing: .15em; } #content .header-h3 h3 { border-color: #FF8040; font-size: 150%; text-indent: -1.25em; letter-spacing: .1em; } #content .header-h4 h4 { border-color: #9F0050; font-size: 125%; text-indent: -1.5em; letter-spacing: .05em; } #content h2:first-letter, #content h3:first-letter, #content h4:first-letter { /* erstes Zeichen fuer alle Header */ padding: 0 .1em; background-image: url(../images/spektrum.jpg); font-size: 200%; color: #FFFFFF; } /* erstes Zeichen: verschiedene Farben durch unterschiedl. Position der HG-Grafik */ #content h2:first-letter { background-position: 0 100px; } #content h3:first-letter { background-position: 0 250px; } #content h4:first-letter { background-position: 0 380px; } /* Absaetze */ #content p { /* fuer alle */ margin: 0 auto; padding: 1em; max-width: 550px; line-height: 1.3em; letter-spacing: .05em; text-indent: -2em; /* negativer Wert fuer Einzug */ } #content p:first-line { /* erste Zeile fuer alle Absaetze */ font-family: Georgia, Arial, Helvetica, sans-serif; font-weight: normal; font-variant: small-caps; font-size: 120%; line-height: 1.6em; color: #333333; letter-spacing: .07em; } html>body #content p:first-letter { /* [2] Eigentlich reicht '#content p:first-letter'. Das bringt aber den IE in der Konstellation dieser HTML-Datei zum Absturz. Naeheres s. http://www.css-technik.de/details/176/5/CSS-Browser-Bugs.htm Bei anderen Loesungen, in denen der IE das Stylesheet nicht zu Gesicht bekommt, kann man das verwenden. */ padding: 0 .1em 0 3em; /* Grosser Wert fuer linkes Padding sorgt zusammen mit HG-Grafik fuer den farbigen Effekt. */ background-image: url(../images/spektrum.jpg); background-position: 0 0; /* Analog zu den Ueberschriften koennte man hier durch Positionierung andere Farbe waehlen. */ color: #FFFFFF; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 120%; font-weight: bold; } /* besondere Absaetze in #content */ #content p.text1 { /* erster Absatz mit Hintergrund */ margin: 3em auto 2em auto; padding: 1em; background-image: url(../images/spektrum.jpg); background-repeat: repeat; background-position: 0 100px; color: #FFFFFF; } #content p.text1:first-letter { background-position: 0 -360px; } #content p.text1:first-line { color: #FFFFFF; } /* Copyright-Tabelle */ table#copyright { border-style: none; width: 100%; max-width: 550px; margin: 0 auto; } table#copyright td { display: inline; border-style: none; } table#copyright td.one, table#copyright td.two, table#copyright td.three { display: none; } /* Absaetze in Tabelle */ /* Absaetze der Tabelle sollen anders aussehen als andere Absaetze in '#content', deswegen alles zuruecksetzen. Man koennte auch die eigentlichen Textabsetze oben direkt einzeln angeben (nicht allgemein alle 'p'). Eigene Klassen ('class') im HTML-File waeren auch eine Loesung. :-) Andere Variante im HTML-File: Struktur so waehlen, dass die Tabelle nicht zu '#content' gehoert. */ table#copyright td p { margin: 0; padding: 0; text-indent: 0; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; /* Extrawurst fuer Safari: */ margin: 0 auto; } #content table#copyright p:first-letter { margin: 0; padding: 0; background-image: none; color: inherit; font-size: inherit; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: normal; } #content table#copyright td.five p:first-line, #content table#copyright td.six p:first-line { color: inherit; font-size: inherit; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-variant: normal; } table#copyright td.four p:after { content: ":"; } /*==============================*/ /* DIVERSES */ /* Target fuer Sprungmarke(n) Wird auch fuer 'unsichtbaren' AT-Link ('zum Artikel springen') genutzt */ #top {} /* Seitenanfang Sprungmarken */ p#topper, p#topper-1, p#topper-2, p#topper-3 { margin-right: 0; text-align: right; font-size: 90%; } /* Sprungmarken sollen anders aussehen als andere Absaetze, deswegen alles zuruecksetzen. Man koennte auch die eigentlichen Textabsetze oben direkt einzeln angeben (nicht allgemein alle 'p'). Eigene Klassen ('class') im HTML-File waeren wohl die geschickteste Loesung :-) */ html>body p#topper:first-letter, html>body p#topper-1:first-letter, html>body p#topper-2:first-letter, html>body p#topper-3:first-letter { /* Warum so umstaendlich? Nur wegen IE :-( - s. [2] */ margin: 0; padding: 0; background-image: none; color: inherit; } p#topper a:before, p#topper-1 a:before, p#topper-2 a:before, p#topper-3 a:before { content: "25B20A0"; } p#topper a:after, p#topper-1 a:after, p#topper-2 a:after, p#topper-3 a:after { content: "0A025B2"; } /* unsichtbare Elemente */ .invis, hr { display: none; } /* Formatierung fuer Akronyme */ acronym { background-color: #FFFFEF; border-style: none none dotted none; border-width: 1px; } /* Formatierung fuer valid-Angaben*/ #footer p:after { content: " (CSS2 + 'opacity' aus 0AB CSS3 - Color Module0BB)"; font-size: 80%; white-space: nowrap; } Diese Webseite wurde kostenlos mit Homepage-Baukasten.de erstellt. Willst du auch eine eigene Webseite?
Gratis anmelden