Allmystery
Menschen Wissenschaft Politik Mystery Kriminalfälle Spiritualität Verschwörungen Technologie Ufologie Natur Umfragen Unterhaltung
weitere Rubriken
PhilosophieTräumeOrteEsoterikLiteraturAstronomieHelpdeskGruppenGamingFilmeMusikClashVerbesserungenAllmysteryEnglish
Diskussions-Übersichten
BesuchtTeilgenommenAlleNeueGeschlossenLesenswertSchlüsselwörter
Schiebe oft benutzte Tabs in die Navigationsleiste (zurücksetzen).

Do it yourself: CSS für Profil und Blog

6.817 Beiträge ▪ Schlüsselwörter: Allmystery, Hilfe, Welt ▪ Abonnieren: Feed E-Mail
tic ehemaliges Mitglied

Link kopieren
Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

08.08.2012 um 03:50
nu verarsch mich doch nich am frühen Morgen @Ciela ^^


melden

Do it yourself: CSS für Profil und Blog

08.08.2012 um 03:52
@tic
Soll ich den Code posten, vielleicht verstehst du es dann? :D

a.at_in:after {content:"pika"}

Bitte! :D


melden
tic ehemaliges Mitglied

Link kopieren
Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

08.08.2012 um 03:53
ha ha ^^


melden

Do it yourself: CSS für Profil und Blog

08.08.2012 um 08:57
@Ciela

wie meinst du das? di kannst die rubrikbuttons über einstellungen platzieren....

http://www.allmystery.de/fcgi/?m=custom_nav

@YaaCool

willkommen zurück!!!!!!!!!!! :)


1x zitiertmelden

Do it yourself: CSS für Profil und Blog

08.08.2012 um 13:23
@Prof.nixblick
Zitat von Prof.nixblickProf.nixblick schrieb:wie meinst du das? di kannst die rubrikbuttons über einstellungen platzieren....
Ich meine, dass ich die Rubriken einzeln ansprechen möchte. z.B:

Menschen {top:1px; left:1px}
Mystery {top:2px; left:2px;}
Wissenschaft {top:3px; left:3px}

usw.
Also.. wie spricht man die an? :D


melden

Do it yourself: CSS für Profil und Blog

08.08.2012 um 13:28
@Ciela

achso...

das geht damit

a[href=/themen/xx] {}

bei xx setzt du das rubrikenkürzel ein Allmystery-Wiki: Rubrikenkürzel

denk aber daran, nicht jeder hat die selben rubriken in der navi, sprichst du nur dein an kann es sein, dass andere user etwas komisches sehen....


1x zitiertmelden

Do it yourself: CSS für Profil und Blog

08.08.2012 um 13:29
@Prof.nixblick
Danke ^^
Zitat von Prof.nixblickProf.nixblick schrieb:denk aber daran, nicht jeder hat die selben rubriken in der navi, sprichst du nur dein an kann es sein, dass andere user etwas komisches sehen....
Ach, stimmt ja. :nerv:


melden

Do it yourself: CSS für Profil und Blog

08.08.2012 um 13:37
@Ciela

auch hier kann man mit dem type blabla arbeiten....

div.tabnav.clearfix a:nth-of-type(1) {
color: blue;
}

div.tabnav.clearfix a:nth-of-type(2) {
color: red;
}

die zahlen in der klammer stellen die positionen in der navi dar. der code ist besser geeignet als das js anzusprechen


melden

Do it yourself: CSS für Profil und Blog

08.08.2012 um 13:54
@Plop

ich zieh dich mal hier her...

in dem stylish steht ganz oben

@-moz-document domain(allmystery.de)

das musst du erweitern wenn du nicht willst, dass das stylish auch auf userprofile angewandt wird.

@-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/)

hab mal nur die wichtigsten reingenommen. ganz wichtig ist, http://www.allmystery.de/mitglieder/ darf NICHT drin stehen!


melden

Do it yourself: CSS für Profil und Blog

08.08.2012 um 13:57
@Prof.nixblick
Achsoooo, super, danke :)

Was ist denn
http://www.allmystery.de/stats/
und
http://www.allmystery.de/fcgi/
?


melden

Do it yourself: CSS für Profil und Blog

08.08.2012 um 14:03
@Plop

stats sind die statistiken.... http://www.allmystery.de/stats/

was fcgi heißt weiß ich nicht, das müsste dir @dns sagen, wenn du aber mal "Einstellungen" anklickst, steht in der uri hinter .de fcgi. das betrift praktisch alle bereiche in denen man etwas einstellen kann.


melden

Do it yourself: CSS für Profil und Blog

08.08.2012 um 14:03
@Prof.nixblick
Okay...ich hab die Dinger jetzt reingebaut....allerdings ist der Header bei anderen Profilen wie mein eigener durch das Stylish....


melden

Do it yourself: CSS für Profil und Blog

08.08.2012 um 14:09
@Plop

poste mal den kompletten code!


melden

Do it yourself: CSS für Profil und Blog

08.08.2012 um 14:10
@Prof.nixblick
Hier rein oder per Pn?


melden

Do it yourself: CSS für Profil und Blog

08.08.2012 um 14:16
@Plop
mach ruhig hier


melden

Do it yourself: CSS für Profil und Blog

08.08.2012 um 14:18
@Prof.nixblick


@-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;
}
}


melden

Do it yourself: CSS für Profil und Blog

08.08.2012 um 14:32
@Plop

tausch ma aus

@-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;
}}


melden

Do it yourself: CSS für Profil und Blog

08.08.2012 um 14:33
@Prof.nixblick
Jetzt hab ich wieder das Standardaussehen von Allmy.... :D


melden

Do it yourself: CSS für Profil und Blog

08.08.2012 um 14:46
@Plop

@-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/)
{
body {
background-image:url("");
background-color: #000000;
background-attachment:fixed;
}

.mcell_inhalt, .mcell_inhalt2, .mcell_inhalt3 {
-moz-border-radius: 0 0 10px 10px!important;
background: rgba(00,00,00,0.5)!important;
-moz-box-shadow: 2px 2px 15px #000;
}

.mcell, .mcell_status, .mcell2, .mcell3 {
-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;
}

.tabnav a:hover {

-moz-box-shadow: 1px 1px 30px #9900cc, 0px 0px 20px #00ccff, 0px 0px 10px #00ff00;
-moz-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 {
-moz-transition-property: color, text-shadow;
-moz-transition-duration: 0.5s;
}

a:hover {
-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;
-moz-border-radius: 0 0 5px 5px!important;
}

#moreMenu a {
background: transparent!important;
}

.paginator {
opacity: 0.8;
-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;
}
}


melden

Do it yourself: CSS für Profil und Blog

08.08.2012 um 14:48
ja leck mich doch...was is ff stylisch nur für ein teuflischer scheiss?????


melden