weitere Rubriken
PhilosophieTräumeOrteEsoterikLiteraturAstronomieHelpdeskGruppenSpieleGamingFilmeMusikClashVerbesserungenAllmysteryWillkommenEnglishGelöscht
Diskussions-Übersichten
BesuchtTeilgenommenAlleNeueGeschlossenLesenswertSchlüsselwörter
Schiebe oft benutzte Tabs in die Navigationsleiste (zurücksetzen).

Do it yourself: CSS für Profil und Blog

6.253 Beiträge, Schlüsselwörter: Allmystery, Hilfe, Welt, Bilder, Frieden, Profil, Farbe, Design, Html, Schrift, DIE + 18 weitere

Do it yourself: CSS für Profil und Blog

08.08.2012 um 16:18
@all

Gewöhnt euch doch bitte an längeren Code in den [ CODE]-tag zu packen, damit man nicht so endlos scrollen muss.

Ich glaube, ich hab nu aber auch nach dem Suchen noch nicht verstanden um was genau es geht.
Kann mir das noch einer zusammenfassen?
Ich geh dann gleich heim, da kann ich in Ruhe lesen.


melden
Anzeige
Plop
ehemaliges Mitglied

Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

08.08.2012 um 16:20
@YaaCool
@Prof.nixblick
@tic
Also..ich habe dieses Addon runtergeladen. Stylish. Nun habe ich den Code, den Dr.BT hier reingestellt hat dort eingefügt. Alles was ich im Moment will ist ein anderes Hintergrundbild als das von Dr.BT. Allerdings zerschiesst es mir immer das komplette Design wenn ich ein Bild einfügen will. Bei dem von tic reingestellten Code (der ganz lange) ging es bei mir. Ich hatte also exakt sein Style mit seinem Bild. Bei ihm scheint unter FF auch mein Style mit meinem Bild zu funktionieren. Nur bei mir nicht und ich weiss nicht warum :|


melden

Do it yourself: CSS für Profil und Blog

08.08.2012 um 16:23
@Plop

Du nutzt auch FF?
Kannst du mir deinen Code in einem [ CODE]-tag nochmal hier rein setzen?
Den ganzen + das Bild, dass du wolltest (nur das Bild, keinen Code)


melden
Plop
ehemaliges Mitglied

Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

08.08.2012 um 16:26
@YaaCool
Ja, ich nutze FF

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain(http://www.allmystery.de/ena/, http://www.allmystery.de/themen/, http://www.allmystery.de/artikel/, http://www.allmystery.de/blogs/, http://www.allmystery.de/stats/, http://www.allmystery.de/wiki/, http://www.allmystery.de/fcgi/){


}body{
background-image:url("");
background-color: #000000;
background-attachment:fixed;
}
.mcell_inhalt, .mcell_inhalt2, .mcell_inhalt3 {
-webkit-border-bottom-left-radius: 10px !important;
-webkit-border-bottom-right-radius: 10px !important;
-moz-border-radius: 0 0 10px 10px !important;
background: rgba(00,00,00,0.5)!important;
-webkit-box-shadow: 2px 2px 15px #000;
-moz-box-shadow: 2px 2px 15px #000;
}
.mcell, .mcell_status, .mcell2, .mcell3 {
-webkit-border-top-left-radius: 10px !important;
-webkit-border-top-right-radius: 10px !important;
-moz-border-radius: 10px 10px 0 0 !important;
opacity: 0.8; background-color: #000000;
}
#threads {
border: 1px solid #00ccff;
border-radius: 20px;
padding: 10px;
}


.postbox1 {
background-color: #000000 !important;
border-bottom: 1px dotted #00CCFF;
border-top: 1px dotted #00CCFF !important;
}
.postbox2,
.fd,
.fh {
background-color: #000000;
}
.fm td, .fh td, .fd td {
background: none repeat scroll 0 0 #000000 !important;
padding-left: 4px;
}

.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-radius: 0 0 10px 10px;
border-right: 1px solid black;
display: none;
margin-top: -9px;
opacity: 0.7;
text-align: left;
width: 435px;
}
#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;
}
.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;}


.header {
background-color: transparent !important;
background-image: none !important;
clear: left;
font-size: 12px;
height: 65px;
position: relative;
width: 900px;
}
.tabnav {
border: 1px solid #000000;
position: relative;
white-space: nowrap;
width: 888px;
background: none;
z-index: 30000;
}

.tabnav a {
background-color: #000000 !important;
border-bottom: 1px dotted #00ccff;
border-top: 1px dotted #00ccff;
color: #ffffff;
display: block;
float: left;
font-size: 11px;
margin-right: 0;
outline-style: none;
padding: 5px 0;
text-align: center;
text-decoration: none;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
-ms-transition: all 0.2s;
transition: all 0.2s;
}

.tabnav a:hover {
box-shadow: 1px 1px 30px #9900cc, 0px 0px 20px #00ccff, 0px 0px 10px #00ff00;
-moz-box-shadow: 1px 1px 30px #9900cc, 0px 0px 20px #00ccff, 0px 0px 10px #00ff00;
-webkit-box-shadow: 1px 1px 30px #9900cc, 0px 0px 20px #00ccff, 0px 0px 10px #00ff00;
-o-box-shadow: 1px 1px 30px #9900cc, 0px 0px 20px #00ccff, 0px 0px 10px #00ff00;
-ms-box-shadow: 1px 1px 30px #9900cc, 0px 0px 20px #00ccff, 0px 0px 10px #00ff00;

transition: 1s;
-moz-transition: 1s;
-webkit-transition: 1s;
-o-transition: 1s;
-ms-transition: 1s;
border-bottom: 1px solid #00CCFF;
color: #000000;
}

.main {
clear: both;
height: 100%;
margin-top: 70px;
padding-left: 9px;
padding-right: 10px;
padding-top: 16px;
width: 730px;
}

.infoleiste {
left: auto;
position: absolute;
top: 200px !important;
width: 150px;
z-index: 999;
right:100px;
}

.userfunction a,
.remove_on_search center a,
.remove_on_search,
.footer a,
center a,
.artikelmain_wrap a,
#blogs-functions a,
small a,
span a,
#se_content a,
a.at {
color: #58B1EA !important;
}
#chat_list a, #fl a u, #fl ua {
color: #fff !important;
}
table, tbody, #overview_content {
border-radius: 10px !important;
}
td a, a, .fh a {
-webkit-transition-property: color;
-webkit-transition-duration: 1s;
-moz-transition-property: color, text-shadow;
-moz-transition-duration: 0.5s;
}
a:hover {
-webkit-transition-property: color;
-webkit-transition-duration: 1s;
-moz-transition-property: color, text-shadow;
-moz-transition-duration: 0.5s;
}

#moreMenu {
background-color: rgba(00,00,00,0.85) !important;
box-shadow: 2px 2px 10px #000 !important;
-webkit-border-bottom-left-radius: 5px !important;
-webkit-border-bottom-right-radius: 5px !important;
-moz-border-radius: 0 0 5px 5px !important;
}
#moreMenu a {
background: transparent !important;
}

.paginator {
opacity: 0.8;
-webkit-border-top-left-radius: 5px !important;
-webkit-border-top-right-radius: 5px !important;
-moz-border-radius: 5px 5px 0 0 !important;
}
table {
opacity: 0.95;
}
.userfunction a:hover,
.remove_on_search center a:hover,
.remove_on_search:hover,
.footer a:hover,
center a:hover,
.artikelmain_wrap a:hover,
#blogs-functions a:hover,
small a:hover,
span a:hover,
#se_content a:hover,
a.at:hover {
color: #ACDEF9 !important;
text-shadow: 0 0 10px #fff !important;
}
#chat_messages {
background: rgba(00,00,00,0.7);
}
td {
border: 1px solid #404040;
padding: 5px;
}
#se_content, #se {
z-index: 9999 !important;
opacity: 1.0 !important;
}
.post {
opacity: 0.8;
}
}


Und das Bild:
[objerror]Bild nicht mehr verfügbar[/objerror]

Ich werd noch wahnsinnig.... Soll ich dir das Bild per Pn senden oder gehts so? -.-


melden

Do it yourself: CSS für Profil und Blog

08.08.2012 um 16:28
@Plop

Dein Bildlink ist unvollständig


melden
tic
ehemaliges Mitglied

Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

08.08.2012 um 16:30
@YaaCool

hier das is das Bild von @Plop, hab es auch noch mal hochgeladen und bei mir funzt es so wie sie will..

*http://static.allmystery.de/upics/caa31e_Plops_Bildchen.jpg


melden
Plop
ehemaliges Mitglied

Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

08.08.2012 um 16:39
@YaaCool
Okay, hat sich erledigt :D Tic hats hinbekommen :D


melden

Do it yourself: CSS für Profil und Blog

08.08.2012 um 17:05
Also ist jetzt alles klar, oder steht das Problem noch?


melden
Plop
ehemaliges Mitglied

Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

08.08.2012 um 17:19
@YaaCool
Nein, dieses Problem ist geklärt :)


melden
tic
ehemaliges Mitglied

Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

08.08.2012 um 17:25
hm, ich hätte da nur noch ne winzige Kleinigkeit @YaaCool, wäre schön wenn du helfen könntest ...

Beitrag von tic, Seite 126

weiß nich wie ich das machen soll :ask: ...


melden

Do it yourself: CSS für Profil und Blog

08.08.2012 um 17:31
Beide Probleme noch?
Dein Code von Dr.BT als Code-Tag?


melden
tic
ehemaliges Mitglied

Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

08.08.2012 um 17:32
nur das grade gepostete, das andere is egal @YaaCool ...

wilste den Code sehen?


melden

Do it yourself: CSS für Profil und Blog

08.08.2012 um 17:33
Ich brauch den Code, ich will mir angucken womit er die Tabelle angesprochen hat


melden
tic
ehemaliges Mitglied

Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

08.08.2012 um 17:34
body{
background-image:url("http://www.animaatjes.de/wallpapers/wallpapers/horror/wallpaper_horror_animaatjes-9.jpg");
background-color: #000000;
background-attachment:fixed;
}
.mcell_inhalt, .mcell_inhalt2, .mcell_inhalt3 {
-webkit-border-bottom-left-radius: 10px !important;
-webkit-border-bottom-right-radius: 10px !important;
-moz-border-radius: 0 0 10px 10px !important;
background: rgba(00,00,00,0.5)!important;
-webkit-box-shadow: 2px 2px 15px #000000;
-moz-box-shadow: 2px 2px 15px #000000;
}

.mcell, .mcell_status, .mcell2, .mcell3 {
-webkit-border-top-left-radius: 10px !important;
-webkit-border-top-right-radius: 10px !important;
-moz-border-radius: 10px 10px 0 0 !important;
opacity: 0.8; background-color: #380101;
}
#threads {
border: 0px none #000000;
border-radius: 20px;
padding: 10px;
}


.postbox1 {
background-color: #000000 !important;
border-bottom: 5px solid #000000;
border-top: 5px solid #000000 !important;
}
.postbox2,
.fd,
.fh {
background-color: #000000;
}
.fm td, .fh td, .fd td {
background: none repeat scroll 0 0 #000000 !important;
padding-left: 4px;
}

.sufu {
background-color: #FFFFFF;
border: 1px none 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 none black;
border-radius: 0 0 10px 10px;
border-right: 1px none black;
display: none;
margin-top: -9px;
opacity: 0.7;
text-align: left;
width: 435px;
}
#se_content {
background: none repeat scroll 0 0 #000000;
border: 1px none #000000;
border-radius: 0 0 10px 10px;
margin-top: 50px;
padding-bottom: 20px;
}
.quick_item_selected {
background: none repeat scroll 0 0 #000000;
}
.quick_item_header {
background: none repeat scroll 0 0 #000000;
border-bottom: 1px none black;
border-top: 1px none 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;}


.header {
background-color: transparent !important;
background-image: none !important;
clear: left;
font-size: 12px;
height: 65px;
position: relative;
width: 900px;
}
.tabnav {
border: 1px solid transparent;
position: relative;
white-space: nowrap;
width: 888px;
background: none;
z-index: 30000;
}

.tabnav a {
background-color: transparent !important;
border-bottom: 2px none #FF0000;
border-top: 2px none #FF0000;
color: #FFFFF;
display: block;
float: left;
font-size: 11px;
margin-right: 0;
outline-style: none;
padding: 5px 0;
text-align: center;
text-decoration: none;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
-ms-transition: all 0.2s;
transition: all 0.2s;
}



.main {
clear: both;
height: 100%;
margin-top: 70px;
padding-left: 9px;
padding-right: 10px;
padding-top: 16px;
width: 730px;
}

.infoleiste {
left: auto;
position: absolute;
top: 200px !important;
width: 150px;
z-index: 999;
right:0px;
}

.userfunction a,
.remove_on_search center a,
.remove_on_search,
.footer a,
center a,
.artikelmain_wrap a,
#blogs-functions a,
small a,
span a,
#se_content a,
a.at {
color: #FA0000 !important;
}
#chat_list a, #fl a u, #fl ua {
color: #fff !important;
}
table, tbody, #overview_content {
border-radius: 10px !important;
}
td a, a, .fh a {
-webkit-transition-property: color;
-webkit-transition-duration: 1s;
-moz-transition-property: color, text-shadow;
-moz-transition-duration: 0.5s;
}
a:hover {
-webkit-transition-property: color;
-webkit-transition-duration: 1s;
-moz-transition-property: color, text-shadow;
-moz-transition-duration: 0.5s;
}

#moreMenu {
background-color: rgba(00,00,00,0.85) !important;
box-shadow: 2px 2px 10px #000 !important;
-webkit-border-bottom-left-radius: 5px !important;
-webkit-border-bottom-right-radius: 5px !important;
-moz-border-radius: 0 0 5px 5px !important;
}
#moreMenu a {
background: transparent !important;
}

.paginator {
opacity: 0.8;
-webkit-border-top-left-radius: 5px !important;
-webkit-border-top-right-radius: 5px !important;
-moz-border-radius: 5px 5px 0 0 !important;
}
table {
opacity: 0.95;
}
.userfunction a:hover,
.remove_on_search center a:hover,
.remove_on_search:hover,
.footer a:hover,
center a:hover,
.artikelmain_wrap a:hover,
#blogs-functions a:hover,
small a:hover,
span a:hover,
#se_content a:hover,
a.at:hover {
color: #FFFFFF !important;
text-shadow: 0 0 10px #fff !important;
}
#chat_messages {
background: rgba(00,00,00,0.7);
}
td {
border: 3px none #290F0F;
padding: 0px;
}
#se_content, #se {
z-index: 9999 !important;
opacity: 1.0 !important;
}
.post {
opacity: 0.8;
}
}


melden

Do it yourself: CSS für Profil und Blog

08.08.2012 um 17:44
@tic

sie sollen wie aussehen?


melden
tic
ehemaliges Mitglied

Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

08.08.2012 um 17:50
hm .. gute Frage .. mir würd ja schon reichen wenn du es einbringst @YaaCool so das ich es dann Farblich anpassen kann..


melden

Do it yourself: CSS für Profil und Blog

08.08.2012 um 17:52
@tic

tr.fm {background: #FARBE !important;}

oder halt was du sonst noch so damit machen willst


melden
tic
ehemaliges Mitglied

Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

08.08.2012 um 17:53
farbliche Hervorhebung/andere Farbe reicht eigentlich, danke :) ...


melden
Plop
ehemaliges Mitglied

Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

08.08.2012 um 18:01
Okay, hab doch noch eine Frage...

Also, ich habe "Werbung immer automatisch ausblenden" gewählt...allerdings habe ich dauernd die Anzeige vom Notvorrat24. Kann ich die jetzt irgendwie mit diesem Stylish auch wegbekommen?


melden
Anzeige

Do it yourself: CSS für Profil und Blog

08.08.2012 um 18:01
ich seh die werbung leider nicht, aber eigentlich schon, ja


melden
224 Mitglieder anwesend
Konto erstellen
Allmystery Newsletter
Alle zwei Wochen
die beliebtesten
Diskussionen per E-Mail.

Themenverwandt
Anzeigen ausblenden