News - Features - Downloads - Forum - Team - Support - Switch View: Screen
Login - Registrierung - Passwort vergessen

Antworten: 17
Seite [1]
Dafoxx


King for a day





Beiträge: 244
# Thema - 01.05.2009 um 21:58 Uhr
kann mir wer sagen, wie ich alle click-buttons auf eigene umwandel?
geht das per css oder muss ich dazu jede php seite mit button ändern?
geil wären dunkelblaue Buttons mit gelber schrift... wäre dankbar um jede hilfe
greez!
Inaktiv
SCHIRI ClanSphere Team


Weltmeister



Herkunft: Hamburg
Beiträge: 5299
# Antwort: 1 - 01.05.2009 um 22:20 Uhr
meinst du mit klickbuttons die "Absenden"- und "Nochmal"-Buttons etc bei den Formularen?

in den meisten Browsern sollte das hier per css funktionieren:

input[type=submit], input[type=reset] {
background-color: #2d0383;
color: #ffc617;
}


------------------
www.laszlokorte.de

Inaktiv
|
Nachtmeister


Specialist




Herkunft: Bern
Beiträge: 2091
# Antwort: 2 - 02.05.2009 um 00:46 Uhr
input[type=submit], input[type=reset] {
background-color: #2d0383;
color: #ffc617;
}


i
n den meisten Browsern sollte das hier per css funktionieren:


Da bin ich mir jetzt aber nicht so sicher.
Wie kommst du auf dieses komische stück Code?


------------------
"God created the universe in 1 Day, and then spent 5 days making it look good In Internet Explorer"

Inaktiv
|
SCHIRI ClanSphere Team


Weltmeister



Herkunft: Hamburg
Beiträge: 5299
# Antwort: 3 - 02.05.2009 um 01:37 Uhr
das sind die attribut-bezogenen css-selectoren. alle input-elemente bei denen type=submit oder reset ist.

Funktioniert bei mir in opera10, ff3, safari4, ie8


------------------
www.laszlokorte.de

Inaktiv
|
GaHero


Poststar





Beiträge: 733
# Antwort: 4 - 02.05.2009 um 10:02 Uhr
Boah geil...

Danke dafür Schiri, das wusste ich nicht, das sowas geht!


Inaktiv
|
Dafoxx
Thread-Ersteller


King for a day





Beiträge: 244
# Antwort: 5 - 02.05.2009 um 18:32 Uhr
funzt... und ja genau die buttons mein ich.. nur is da n rahmen drum... kann mir wer noch sagen wie ich den weissen rahmen wegbekomm?
und ne kurze erklärung zu [type=submit] und [type=reset] wär auch cool
achja: noch ne etwas krassere frage: kann man den ersten buchstaben eines buttons per css weiss (#FFFFFF) definieren? glaub zwar net dass das geht aber fragen kostet ja nix

greez und thx!

www.vov.de.gg


Inaktiv
|
Tom08 ClanSphere Team

Supporter
Supporter



Herkunft: Daheim
Beiträge: 2923
# Antwort: 6 - 02.05.2009 um 18:51 Uhr
Für den Rahmen:
http://www.css4you.de/border.html

Das Attribut einfach noch in den obigen Code mit einbauen. (Da dann einfach die gleiche Farbe wie oben bg setzen ...)

Also z.B.
border: 1px #2d0383 solid;

Tom


------------------
Bei Problemen mit Code von mir bitte eine Private Nachricht an mich


Inaktiv
|
SCHIRI ClanSphere Team


Weltmeister



Herkunft: Hamburg
Beiträge: 5299
# Antwort: 7 - 02.05.2009 um 18:53 Uhr
input[type=submit], input[type=reset] {
background-color: #2d0383;
color: #ffc617;
border: 0;
}

damit ist der border weg. zu der erklärung: ja das ist halt css und bedeutet:

Alle Input-Elemente, die das Attribut "type" auf "submit" gesetzt haben und alle Inputs mit einem auf "reset" gesetzten "type"-Attribut.

Den ersten Buchstaben weiss zu bekommen geht wenn auch nur per css, aber ich glaub nicht in alle Browsern:

input[type=submit]:first-letter, input[type=reset]:first-letter {
color: #fff;
}


------------------
www.laszlokorte.de

Inaktiv
|
Waduck


Wannabe poster



Herkunft: Dortmund
Beiträge: 28
# Antwort: 8 - 02.05.2009 um 19:03 Uhr
Um die Upload Buttons bzw. Dursuchen Buttons zu verändern reicht aber nicht CSS aus, hier muss man noch etwas Java Script hinzugeben.

http://marcgrabanski.com/pages/code/style-file-input


------------------
Liquid Code - Content Management Design

Aufgrund quantenmachanischen Effekten kann es sein, dass diese Seite aufhört zu exestieren oder in ein unüblichen Zustand übergehen kann.


Inaktiv
|
Dafoxx
Thread-Ersteller


King for a day





Beiträge: 244
# Antwort: 9 - 02.05.2009 um 21:42 Uhr
klappt wunderbar.
danke schonmal soweit!
noch ne anschlussfrage:
kann ich das analog für die dropdowns machen?
qwasi select[type=submit], select[type=reset] {blablabla}
?
greez!


Inaktiv
|
SCHIRI ClanSphere Team


Weltmeister



Herkunft: Hamburg
Beiträge: 5299
# Antwort: 10 - 02.05.2009 um 21:50 Uhr
ganz so analog nicht, sonder so

select {blablabla}

denn select hat und braucht gar kein type-Attribut.


------------------
www.laszlokorte.de

Inaktiv
|
Nachtmeister


Specialist




Herkunft: Bern
Beiträge: 2091
# Antwort: 11 - 02.05.2009 um 22:08 Uhr
Die Möglichkeit mit CSS war mir jetzt auch neu. Danke für den Tipp


------------------
"God created the universe in 1 Day, and then spent 5 days making it look good In Internet Explorer"

Inaktiv
|
Dafoxx
Thread-Ersteller


King for a day





Beiträge: 244
# Antwort: 12 - 02.05.2009 um 23:04 Uhr
hmm das mit dem select funzt net....
die schrift is nach wie vor schwarz, was vor nem dunkelblauen hintergrund.... nix is.
habs versucht aus dem
input, textarea, select {blabla}
das select rauszunehmen ->
input, textarea{
margin: 2px;
padding-left: 3px;
color:#000000;
background-color: #FFFFFF;
}
select{
background-color: #000039;
color: #FCD211;
border: 1px #1A24AF solid;
}
schrift immernoch schwarz.....
greez!


Inaktiv
|
SCHIRI ClanSphere Team


Weltmeister



Herkunft: Hamburg
Beiträge: 5299
# Antwort: 13 - 03.05.2009 um 00:21 Uhr
option {
background-color: #000039;
color: #FCD211;
}

das evntl mal probieren. Denn eigentlich willst du ja die Option-Felder IN dem Select einfärben.


------------------
www.laszlokorte.de

Inaktiv
|
Dafoxx
Thread-Ersteller


King for a day





Beiträge: 244
# Antwort: 14 - 03.05.2009 um 01:04 Uhr
sehr schön.... funzt
noch ne abschlussfrage:
input[type=submit]:first-letter, input[type=reset]:first-letter {
color: #fff;
}
in welchem browser soll das funzen?
in ff und opera jedenfalls nicht
und in ie nehm ich auch nicht an, da der doch normalerweise meilenweit hinterherhängt wenns um sowas geht
greez und thx!

DICKES EDIT:
im ff spinnts jez komplett.
die buttons links werden in opera nach wie vor weiss-gelb angezeigt, im ff jedoch komplett weiss. und beim hover'n werden sie im ff hellblau, in opera aber nach wie vor unangetastet (so wies sein soll!).
css code (hab jez alle 3 attribute ausseinander gezogen, seh aber nich wo da der zusammenhang mit den <a> tags is.... vorher hats gefunzt!:
mehr... +-
textarea{
margin: 2px;
padding-left: 3px;
color:#000000;
background-color: #FFFFFF;
}
input[type=submit], input[type=reset] {
background-color: #000039;
color: #FCD211;
border: 1px #1A24AF solid;
margin: 2px;
padding-left: 3px;
}
input[type=submit]:hover, input[type=reset] :hover{
background-color: #2C2C38;
}
option {
background-color: #000039;
color: #FCD211;
}
select{
background-color:#1A24AF;
margin: 2px;
padding-left: 3px;
}
)
html: <a class="nav" href="{url:news_recent}"><font color="FFFFFF">N</font><font color="FCD211">ews</font></a>

AAAAAAAAH! ich werd noch verrückt!

achja: in ff ist das dropdown jez hellblau... sieht net gut aus.... wenn man draufclickt, dann passts, aber wenn net..... ne idee woran das jez schon wieder liegt?


Zuletzt editiert von Dafoxx am 03.05.2009 um 06:22 Uhr (2x Editiert)
Inaktiv
|
SCHIRI ClanSphere Team


Weltmeister



Herkunft: Hamburg
Beiträge: 5299
# Antwort: 15 - 03.05.2009 um 09:08 Uhr
Also dein CSS-code hat damit:

<a class="nav" href="{url:news_recent}"><font color="FFFFFF">N</font><font color="FCD211">ews</font></a>

GAR NICHTS zu tun, der CSS Code gilt nur für die "Senden"-Buttons innerhalb von Formularen.
Dass in der Navi der Text im FF nur weiss ist, kann daran liegen, dass vor den Farbwerten FFFFFF und FCD211 eine # Fehlt.


------------------
www.laszlokorte.de

Inaktiv
|
Dafoxx
Thread-Ersteller


King for a day





Beiträge: 244
# Antwort: 16 - 03.05.2009 um 10:05 Uhr
ah danke und was hats mit dem hellblauen hintergrund auf sich?


Inaktiv
|
Dafoxx
Thread-Ersteller


King for a day





Beiträge: 244
# Antwort: 17 - 18.05.2009 um 19:43 Uhr
kann mir keiner sagen warum in ff der hintergrund bei den dropdowns hellblau is? bzw wie ichs fixe?
hab mal 2 screens gemacht und mit hübschen pfeilchen verunstaltet.
opera (super):
ff (doof - warum?):

greez, fox



Zuletzt editiert von Dafoxx am 20.05.2009 um 02:40 Uhr (1x Editiert)
Inaktiv
|
Antworten: 17
Seite [1]


Sie müssen sich registrieren, um zu antworten.


ClanSphere Project - Mailus - Imprint - Disclaimer - Scriptinfo