Bitte geben Sie einen Grund für die Verwarnung an
Der Grund erscheint unter dem Beitrag.Bei einer weiteren Verwarnung wird das Mitglied automatisch gesperrt.
a.button`s separat ansprechen ?
#2 RE: a.button`s separat ansprechen ?
![avatar](https://files.homepagemodules.de/b214495/avatar-195f8f17-155066.gif)
Hallo Frank,
es gibt zwei Möglichkeiten: Du ersetzst in den betreffenden Template-Elementen die Klasse "button" an gewünschter Stelle gegen eine neue Klasse (z. B. "button_new") und stattest diese dann per CSS-Styleanweisung mit eigenen Attributen aus.
Damit erreichst du praktisch jeden einzelnen Button separat, wobei du das "a." vor der Klasse nicht berücksichtigen brauchst, da es sich, ähnlich wie bei "submit" und "input" lediglich um eine sogenannte Pseudoklasse handelt.
Allerdings erfordert diese Variante unbedingt einen Template-Eingriff.
Variante 2 (falls sich das Aussehen der a.buttons vielleicht nur auf eine bestimmte, oder zumindest nur auf ein paar wenige Pages beschränken sollte): gezielt nur die a.buttons auf bestimmten Seiten ansprechen. Das geht folgendermaßen:
Beispiel 1 (Blog Übersichtsseite):
2
3
4
5
6
7
8
.page_blog_main .button {
background-color: #ff0000;
background-image: none;
}
.page_blog_main .button:hover {
background-color: #00ff00;
background-image: none;
}
Beispiel 2 (Blog - Artikel erstellen):
2
3
4
5
6
.page_blog_new .button {
background-color: #ff0000;
}
.page_blog_new .button:hover {
background-color: #00ff00;
}
Beispiel 3 (Kalender Übersichtsseite):
2
3
4
5
6
7
8
.page_calendar a.button {
background-color: #ff0000 !important;
background-image: none;
}
.page_calendar a.button:hover {
background-color: #00ff00 !important;
background-image: none;
}
Beispiel 4 (Kalender - Ereignisse eintragen):
2
3
4
5
6
.page_calendar_event .button {
background-color: #ff0000 !important;
}
.page_calendar_event .button:hover {
background-color: #00ff00 !important;
}
Anmerkung: Manchmal bedarf es des Zusatzes "!important", damit eine Anweisung greift.
Probiere am besten immer, ob es auch ohne geht – denn dies wäre zu bevorzugen.
Weiters: manche Buttons lassen sich in der Anweisung für "background-color" erst ansprechen, wenn wenn du gleichzeitig "background-image" auf "none"setzst (siehe auch in obigen Beispiel-Codes).
Grundsätzlich kannst du so einzelnen Buttons ein völlig neues Aussehen verleihen, indem du auch, beispielsweise den Eigenschaften
"border" (für Rahmen-Farbe und -Dicke),
padding (für die Größe des Buttons),
"color" (Schriftfarbe),
"font-size" (Schriftgröße)
etc.
andere Werte zuweist.
LG. Romulus
Romulus, vielen herzlichen Dank für diese ausführliche Antwort, die mir sehr weiter geholfen hat.
Hintergrund meiner Frage war: Ich hatte eine button-Grafik entworfen, die eigentlich nur für die Bildergalerie relevant sein sollte. Nach Ansprache des Selektors "a.button" erscheint diese Grafik dann allerdings auch in allen anderen Anwendungen.
Mir fehlte hier gedanklich der Rückschluss auf die page-Selektion. Jetzt hat es "klick" gemacht ... und ich konnte alles nach meinen Vorstellungen gestalten. Habe mich für die CSS - Version entschieden, da es im Falle nur um einige wenige Veränderungen ging.
Noch einmal vielen Dank und beste Empfehlungen von meiner Seite, so sollte gegenseitige Hilfe aussehen ! Ich hoffe , ich kann mich mal revangieren ...
- Informationen
- Aktuelle News
- Forum Tutorials - Tipps und Anleitungen
- SEO / Werbung fürs Forum
- Verwaltung
- Extras
- Design
- Plugin(system)
- Eure Fragen zu Tutorials
- Forum Support
- Fragen und Antworten
- Pluginsystem
- Plugins
- Templates & Sprachen
- Bugreport
- Verbesserungsvorschläge
- Sponsoren gesucht
- Das neue Xobor Business-Template
- News und Updates
- Bugreport
- Allgemeines Feedback
- Verbesserungsvorschläge
- Sonstiges
- Kaffeeklatsch
- Lob & Kritik
- Verbesserungsvorschläge
- Allgemeine Fragen
- Fehlermeldungen
- Verbesserungsvorschläge Responsive Design
- Bugreport Responsive Design
- Archiv - Alter Betatest
- Responsive Design - Verbesserungsvorschläge
- Responsive Design - Bugreport
- Fragen zum neuen Template
- Neue Administration Beta Test
- Bugreport Neue Administration
- Allgemeines Fragen & Feedback
- Verbesserungsvorschläge zur neuen Administration
- Shoutbox
Ähnliche Themen
Thema | Antworten | Aufrufe | Letzte Aktivität | |||
---|---|---|---|---|---|---|
![]() |
Signatur mit Check-Button wahlweise ausblenden!Signatur mit Check-Button wahlweise ausblenden! |
0
Wolfgang
14.10.2020 |
629 |
|
||
![]() |
Button für Nächste Seite in Foren-WikiButton für Nächste Seite in Foren-Wiki |
2
Sternenfrau
22.08.2015 |
660 |
|
||
![]() |
ImpressumImpressum |
5
Demi95
28.06.2013 |
738 |
|
||
![]() |
Sortierung MitgliederlisteSortierung Mitgliederliste |
3
Fabian
21.06.2011 |
682 |
|
||
![]() |
Prosilver - BUG - Änderung Icon Navleiste + IE - Anzeige "Forum Übersicht"Prosilver - BUG - Änderung Icon Navleiste + IE - Anzeige "Forum Übersicht" |
4
Ingmar
10.02.2010 |
686 |
|
||
![]() |
Schnittstellenproblem bei aktiv/inaktivSchnittstellenproblem bei aktiv/inaktiv |
2
ReinholN
17.07.2008 |
514 |
|
Jetzt anmelden!
Jetzt registrieren!
© 2017 Xobor | Forum-Software