Do it yourself: CSS für Profil und Blog
6.820 Beiträge ▪ Schlüsselwörter:
Allmystery, Hilfe, Welt ▪ Abonnieren: Feed E-Mail
melden
YaaCool
Diskussionsleiter
Profil anzeigen
Private Nachricht
Link kopieren
Lesezeichen setzen
melden
dabei seit 2005
Profil anzeigen
Private Nachricht
Link kopieren
Lesezeichen setzen
Do it yourself: CSS für Profil und Blog
15.06.2012 um 00:24@YaaCool
Merci
;)
@----
Nee, schreib mal freundlicherweise normal, solche HTML-Tricks wirken glaub ich eher störend :D
Merci
;)
@----
Nee, schreib mal freundlicherweise normal, solche HTML-Tricks wirken glaub ich eher störend :D
Do it yourself: CSS für Profil und Blog
15.06.2012 um 00:39Do it yourself: CSS für Profil und Blog
15.06.2012 um 01:13@----
copy und paste schutz im internet? wie soll das gehen?
iframes nerven und die hab ich nur erlaubt weil manche videoplayer das benötigen.
copy und paste schutz im internet? wie soll das gehen?
iframes nerven und die hab ich nur erlaubt weil manche videoplayer das benötigen.
Do it yourself: CSS für Profil und Blog
15.06.2012 um 01:15Lösch einfach den Beitrag.
Do it yourself: CSS für Profil und Blog
15.06.2012 um 01:36PS:
edit: ok.
<iframe %00 width="0px" height="0px"><iframe width="0px" height="0px">%00
edit: ok.
<iframe %00 width="0px" height="0px"><iframe width="0px" height="0px">%00
Do it yourself: CSS für Profil und Blog
15.06.2012 um 14:14@----
@Keysibuna
Dankeschön muss mal sehen wann ich wieder Nerven habe :D wenn ich was verändern will muss ich einfach unten nen neuen Satz mit nem Punkt davor beginnen? Oder spielt das ne Rolle wo was steht?
@Keysibuna
Dankeschön muss mal sehen wann ich wieder Nerven habe :D wenn ich was verändern will muss ich einfach unten nen neuen Satz mit nem Punkt davor beginnen? Oder spielt das ne Rolle wo was steht?
Do it yourself: CSS für Profil und Blog
15.06.2012 um 14:22@darkylein
Erst das Element auswählen...
Allmystery-Wiki: Klassen-Sammlung
Zum Beispiel: .header
dann schaust du, was du damit machen willst. Hier gibt es Beispiele:
Allmystery-Wiki: Mögliche Gestaltungen
Beispiel:
.header {box-shadow: 10px 10px 10px #FFFFFF;} ,
dann hätte der Header einen Schatten, wie bei mir. (Allerdings in weiß)
Erst das Element auswählen...
Allmystery-Wiki: Klassen-Sammlung
Zum Beispiel: .header
dann schaust du, was du damit machen willst. Hier gibt es Beispiele:
Allmystery-Wiki: Mögliche Gestaltungen
Beispiel:
.header {box-shadow: 10px 10px 10px #FFFFFF;} ,
dann hätte der Header einen Schatten, wie bei mir. (Allerdings in weiß)
Do it yourself: CSS für Profil und Blog
15.06.2012 um 15:25@darkylein
Hi,
schau mal in den Beitrag von gestern 14.10h.
Wenn du das Element über die Klasse ansprichst dann kommt ein Punkt vor die Bezeichnung. Nimmst du die ID dann kommt eine Raute vorne drann.
Die meisten Elemente im Profil haben eine Klassenzuweisung. z.B.
Ansprechen kannst das Beispiel mit:
.xyz {}
Hovereffekt:
.xyz:hover {}
ist eine ID vergeben:
Kannst du es so ansprechene:
#xyz {}
#xyz:hover {}
etc.
Hi,
schau mal in den Beitrag von gestern 14.10h.
Wenn du das Element über die Klasse ansprichst dann kommt ein Punkt vor die Bezeichnung. Nimmst du die ID dann kommt eine Raute vorne drann.
Die meisten Elemente im Profil haben eine Klassenzuweisung. z.B.
Ansprechen kannst das Beispiel mit:
.xyz {}
Hovereffekt:
.xyz:hover {}
ist eine ID vergeben:
Kannst du es so ansprechene:
#xyz {}
#xyz:hover {}
etc.
Do it yourself: CSS für Profil und Blog
15.06.2012 um 16:35Hey,
weiß jemand, wie man das anspricht, was kommt, wenn man etwas in die Sufu eingibt? Also das Fenster, was dann auf geht.
- Danke. :)
weiß jemand, wie man das anspricht, was kommt, wenn man etwas in die Sufu eingibt? Also das Fenster, was dann auf geht.
- Danke. :)
Do it yourself: CSS für Profil und Blog
15.06.2012 um 17:24@Ciela
#se {
background: none repeat scroll 0 0 #000000;
border-left: 1px solid black;
border-right: 1px solid black;
display: none;
margin-top: -9px;
text-align: left;
width: 435px;
}
#se {
background: none repeat scroll 0 0 #000000;
border-left: 1px solid black;
border-right: 1px solid black;
display: none;
margin-top: -9px;
text-align: left;
width: 435px;
}
Do it yourself: CSS für Profil und Blog
15.06.2012 um 17:40PS: Hier komplett, alles mit schwarzen Hintergrund. Die ersten drei sind die wichtigsten:
@Ciela
.sufu {
background-color: #FFFFFF;
border: 1px solid black;
color: black;
font-size: 11px;
height: 19px;
padding-left: 4px;
padding-top: 5px;
width: 126px;
border-radius: 10px;
}
#se {
background: none repeat scroll 0 0 #000000;
border-left: 1px solid black;
border-right: 1px solid black;
display: none;
margin-top: -9px;
text-align: left;
width: 435px;
}
.quick_item_selected {
background: none repeat scroll 0 0 #000000;
}
.quick_item_header {
background: none repeat scroll 0 0 #000000;
border-bottom: 1px solid black;
border-top: 1px solid black;
font-size: 11px;
margin-bottom: 5px;
margin-top: 8px;
padding: 7px;
}
.quick_tags {
background: none repeat scroll 0 0 #000000;
padding-left: 6px;
padding-right: 6px;
text-align: center;
width: 423px;
}
#se_content {background:#000000;background-image:none;}
.quick_item_header quick_item_selected {background:#000000;background-image:none;}
@Ciela
.sufu {
background-color: #FFFFFF;
border: 1px solid black;
color: black;
font-size: 11px;
height: 19px;
padding-left: 4px;
padding-top: 5px;
width: 126px;
border-radius: 10px;
}
#se {
background: none repeat scroll 0 0 #000000;
border-left: 1px solid black;
border-right: 1px solid black;
display: none;
margin-top: -9px;
text-align: left;
width: 435px;
}
.quick_item_selected {
background: none repeat scroll 0 0 #000000;
}
.quick_item_header {
background: none repeat scroll 0 0 #000000;
border-bottom: 1px solid black;
border-top: 1px solid black;
font-size: 11px;
margin-bottom: 5px;
margin-top: 8px;
padding: 7px;
}
.quick_tags {
background: none repeat scroll 0 0 #000000;
padding-left: 6px;
padding-right: 6px;
text-align: center;
width: 423px;
}
#se_content {background:#000000;background-image:none;}
.quick_item_header quick_item_selected {background:#000000;background-image:none;}
Do it yourself: CSS für Profil und Blog
15.06.2012 um 17:43@----
Danke :) Und was ist da was?
.sufu ist ja das weiße Eingabefeld..
Und was ist...
#se
.quick_item_selected
.quick_item_header
.quick_tags
#se_content ?
Bitte kurz erklären ;)
Danke :) Und was ist da was?
.sufu ist ja das weiße Eingabefeld..
Und was ist...
#se
.quick_item_selected
.quick_item_header
.quick_tags
#se_content ?
Bitte kurz erklären ;)
Do it yourself: CSS für Profil und Blog
15.06.2012 um 17:49ersetz mal den Baustein in der obigen css:
#se {
background: none repeat scroll 0 0 #000000;
border-left: 1px solid black;
border-radius: 0 0 10px 10px;
border-right: 1px solid black;
display: none;
margin-top: -9px;
opacity: 0.7;
text-align: left;
width: 435px;
}
Und füg den hier noch dazu:
#se_content {
background: none repeat scroll 0 0 #000000;
border: 1px solid #000000;
border-radius: 0 0 10px 10px;
margin-top: 50px;
padding-bottom: 20px;
}
se ist das große Fenster das sich aufklappt. Der Rahmen mehr oder weniger. se content ist der Inhalt. Sufu ist klar. Der Rest befasst sich mit dem was angezeigt wird wenn kein Ergebnis gefunden wird bzw. mit dem Fenster das aufgeht wenn Schlüsselwörter angezeigt werden.
Gib mal gfs in die Suche. Es wird nichts gefunden und alternative Schlüsselwörter werden gelistet. Veränder einfach mal die ganzen backgroundfarben und gib Suchbegriffe ein die es gibt und welche wie gfs. Du wirst dann sehen was sich verändert. Gib auch mal gdhhjdgskj ein.
#se {
background: none repeat scroll 0 0 #000000;
border-left: 1px solid black;
border-radius: 0 0 10px 10px;
border-right: 1px solid black;
display: none;
margin-top: -9px;
opacity: 0.7;
text-align: left;
width: 435px;
}
Und füg den hier noch dazu:
#se_content {
background: none repeat scroll 0 0 #000000;
border: 1px solid #000000;
border-radius: 0 0 10px 10px;
margin-top: 50px;
padding-bottom: 20px;
}
se ist das große Fenster das sich aufklappt. Der Rahmen mehr oder weniger. se content ist der Inhalt. Sufu ist klar. Der Rest befasst sich mit dem was angezeigt wird wenn kein Ergebnis gefunden wird bzw. mit dem Fenster das aufgeht wenn Schlüsselwörter angezeigt werden.
Gib mal gfs in die Suche. Es wird nichts gefunden und alternative Schlüsselwörter werden gelistet. Veränder einfach mal die ganzen backgroundfarben und gib Suchbegriffe ein die es gibt und welche wie gfs. Du wirst dann sehen was sich verändert. Gib auch mal gdhhjdgskj ein.
Do it yourself: CSS für Profil und Blog
15.06.2012 um 17:52Okay... danke. Ich werde sie mal alle durch probieren & dann sehe ich ja, was angesprochen wird.
Do it yourself: CSS für Profil und Blog
16.06.2012 um 02:07HY, bekomm's nicht hin da nen Schatten hinter zu bekommen:
------
und unter Firefox ist der *Eintragen* Butten Schwarz oder Transparent, man sieht ihn auf jeden Fall nicht, karnn man da die hintergrundfarbe und den Schriftzug *Eintragen* ändern?
und auch die Weiße Farbe wo der User was rein schreibt?
------
und selbst wenn ich die dierekt anspreche, irgendwie schaf ich's nich von beiden die Farbe zu ändern und nen Schatten zu bekommen, einmal hat ich's beim rechten aber das linke war normal..
:ask:
------
und unter Firefox ist der *Eintragen* Butten Schwarz oder Transparent, man sieht ihn auf jeden Fall nicht, karnn man da die hintergrundfarbe und den Schriftzug *Eintragen* ändern?
und auch die Weiße Farbe wo der User was rein schreibt?
------
und selbst wenn ich die dierekt anspreche, irgendwie schaf ich's nich von beiden die Farbe zu ändern und nen Schatten zu bekommen, einmal hat ich's beim rechten aber das linke war normal..
:ask:
Do it yourself: CSS für Profil und Blog
16.06.2012 um 07:29gut das unterste "Problem" war nur eigene Blödheit ...
.head_links {
color: #383131;
text-shadow: 1px 1px 25px #C20404;}
.head_links a {
color: #383131;
text-shadow: 1px 1px 25px #C20404;}
:shot:
.head_links {
color: #383131;
text-shadow: 1px 1px 25px #C20404;}
.head_links a {
color: #383131;
text-shadow: 1px 1px 25px #C20404;}
:shot:
Do it yourself: CSS für Profil und Blog
16.06.2012 um 14:07Kann mir jemand helfen?
Wie kann ich auf meinem Profil den "img.heart" ändern?
Und den Cursor?
Danke.
Wie kann ich auf meinem Profil den "img.heart" ändern?
Und den Cursor?
Danke.