Suche im Forum:
Suchen


Autor Nachricht
Beitrag08.02.2012 um 12:55 (UTC)    
Titel: RED: Eingabefelder des Gästebuchs und der Kommentare ändern
Antworten mit Zitat
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:
Antworten mit Zitat
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:
Antworten mit Zitat
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:
Antworten mit Zitat
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:
Antworten mit Zitat
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:   
  • Seite 1 von 1

  •  
    • Gehe zu:  


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

© 2024 webme GmbH, Deutschland. Alle Rechte vorbehalten.