Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag08.02.2012 um 12:55 (UTC)    
Titel: RED: Eingabefelder des Gästebuchs und der Kommentare ändern

Hallo!

Meine Frage ist nur, wie die Klassen lauten, die ich für die Eingabefelder des Gästebuchs und der Kommentare mit CSS ansprechen muss, um diese Individuell ändern zu können.

LG und Danke im Voraus!
______________
Beitrag08.02.2012 um 13:05 (UTC)    
Titel:

Beim Gästebuch ist es eine ID --> #kommentartext
...aber die anderen sind in keiner Klasse, deshalb kannst du nur die Input/Textareas ändern!
Beitrag08.02.2012 um 22:00 (UTC)    
Titel:

Hallo,

du kannst über Attribut, Nachfahren und Sibling Selektoren einiges erreichen. Die neuen CSS3 Pseudoklassen könnten dir auch weiterhelfen.
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
Beitrag08.02.2012 um 22:20 (UTC)    
Titel:

vllt hilft dir das weiter das steht zur zeit bei mir drin...

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

 div table[width="100%"] {margin: 0 auto; }

/* Formular oben */
form {
 width: 80%;
 padding: 10px;
 margin-bottom: 10px;
color: #FFFFFF;
background-color: #EEEEEE;
background-image: url(http://img.webme.com/pic/a/andreaskrenn/background2.jpg);
border: 1px solid #c9c9c9;
border-radius: 8px;
 overflow:hidden; }

/* Nachrichten-Feld */
#kommentartext {
color: #FFFFFF;
background-color: #xxxxxx;
background-image: url(http://img.webme.com/pic/a/andreaskrenn/background2.jpg);
 height: 75px!important;
 margin: 5px 0px 10px 0px; }

/* Absende-Button mit Abstand */
input[type="submit"] {margin: 10px 0px 10px 0px;}

/* Blätter-Funktion mit Abstand
td[width="33%"] { padding: 10px 0px 20px 0px;}

/* EINTRÄGE IM GÄSTEBUCH */
div table[width="80%"] {
 margin: auto;
 padding: 20px;
color: #FFFFFF;
background-color: #EEEEEE;
background-image: url(http://img.webme.com/pic/a/andreaskrenn/background2.jpg);
border: 1px solid #c9c9c9;
border-radius: 8px; }

/* Trennlinien unsichtbar, mit Abstand */
hr {
 visibility: hidden;
 margin: 20px 0px 20px 0px; }

/* Deine Kommentare */
.admin {
 width: 96%;
 padding: 10px;
 margin-top: 15px;
color: #FFFFFF;
background-color: #FFFFB2;
font-size: 12px;
border: 1px solid #b9b9b9;
border-radius: 8px; }

-->
 </style>
Beitrag09.02.2012 um 18:46 (UTC)    
Titel:

Okay! Habe jetzt doch auch selbst einen Weg gefunden, jedes Eingabefeld direkt anzusprechen. Man kann die 'Input'-Felder auch direkt über das 'value' ansprechen.
Falls jemand den Code von meinem Gästebuch haben will:

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

form {
width: 80%;
color: #FFFFFF;
border: 1px solid #000000;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
background-color: #313131;
padding: 10px;
box-shadow: 0px 0px 3px #000000; }

#kommentartext {
color: #FFFFFF!important;
font-family: Verdana;
font-size: 12px;
background-color: #4a4a4a;
border: 1px solid #000000;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 1px 3px 1px 3px; }

#kommentartext:focus{
color: #FFFFFF!important;
font-family: Verdana;
font-size: 12px;
background-color: #aa4400;
border: 1px solid #000000;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 1px 3px 1px 3px;
box-shadow: 0px 0px 3px #ffffff; }

input[value=""] {
color: #FFFFFF!important;
font-family: Verdana;
background-color: #4a4a4a;
border: 1px solid #000000;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 1px 3px 1px 3px; }

input[value=""]:focus {
color: #FFFFFF!important;
font-family: Verdana;
background-color: #aa0000;
border: 1px solid #000000;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 1px 3px 1px 3px;
box-shadow: 0px 0px 3px #ffffff; }

input[value="Eintrag posten"] {
color: #FFFFFF!important;
font-family: Verdana;
font-size: 12px;
background-color: #4a4a4a;
border: 1px solid #000000;
padding: 1px 3px 1px 3px;
margin-top: 5px; }

input[value="Eintrag posten"]:hover {
color: #FFFFFF!important;
font-family: Verdana;
font-size: 12px;
background-color: #003000;
border: 1px solid #008000;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 1px 3px 1px 3px;
margin-top: 5px;
box-shadow: 0px 0px 3px #ffffff; }

-->

______________
Beiträge der letzten Zeit anzeigen:   


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