Menschen Wissenschaft Politik Mystery Kriminalfälle Spiritualität Verschwörungen Technologie Ufologie Natur Umfragen Unterhaltung
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.277 Beiträge, Schlüsselwörter: Allmystery, Hilfe, Welt, Bilder, Frieden, Profil, Farbe, Design, Html, Schrift, DIE + 18 weitere
killimini
ehemaliges Mitglied

Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

30.12.2012 um 08:30
Wenn in meinem Blog kommentiert wird verschwinden die einen Buchstaben hinter dem Avatar. :I
Wie kann ich das anpassen damit es einen vernünftigen und leserlichen Eindruck hinterlässt? :ask:


melden
Anzeige
du_selbst
ehemaliges Mitglied

Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

30.12.2012 um 09:23
@Prof.nixblick
Das hat soweit funktioniert, danke :D .. aber mit der abwechselnden Reihenfolge klappts noch nicht, und wie spreche ich diese GB Box an ich würde sie gerne vergrössern und von anfang an sichtbar haben.


melden

Do it yourself: CSS für Profil und Blog

30.12.2012 um 13:10
@du_selbst

welche reihenfolge?


melden

Do it yourself: CSS für Profil und Blog

30.12.2012 um 13:16
@du_selbst

du solltest dir das mit den vielen style tags abgewöhnen

mach mal das ganze ul li zeug raus und versuch das

#gb_posts li a.gb_post_img {
float: left;
margin: 0 8px 0 0;
padding: 13px;
padding-top: 43px;
width: 115px;
}

.gb_post_img img {
width: 77px !important;
height: 77px !important;
}

#gb_posts .gb_post_text {
float: right;
left: 10px;
width: 601px;
margin-top: -140px;
padding-top: 15px;
padding-left: 20px;
border-left: 1px solid #000;
color: #fff;
min-height: 218px;
}
.gb_post_text:before {
content: url(/images/d.gif);
}

.gb_post {
background: #262626;
margin-top: -19px !important;
top: 0px !important;
padding-top: 0px !important;
width: 730px !important;
}
.gb_post a strong {
margin-left: -125px;
text-decoration: none;
color: #f00;
float: left;
}

.gb_post a {text-decoration: none;}

.gb_post:nth-child(2n) {
background: #383838;
}

#gb_posts {
margin-top: 40px !important;
top: 30px;
width: 730px;
}

h2 {display: none;}

.clearfix {
display: inline-block !important;
}
#show_gb_post_wrap {display: none;}


melden
du_selbst
ehemaliges Mitglied

Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

30.12.2012 um 13:35
@Prof.nixblick, die reihenfolge der GB einträge, @YaaCool genau das meinte ich, sieht yaacool aus :D schade das ich das nie so hinkriege hmpf.


melden

Do it yourself: CSS für Profil und Blog

30.12.2012 um 13:39
@du_selbst

Beitrag von YaaCool, Seite 46


melden
du_selbst
ehemaliges Mitglied

Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

30.12.2012 um 13:58
@Prof.nixblick

Jow xD Danke euch beiden ... sieht gut aus aber ich stelle fest dass ich absolut null Plan habe, oder anders ausgedrückt nix blick, ich kann noch nicht mal die GB-Post-Form ansprechen und ihr sagen wie gross ich sie gerne hätte, bei deinem code @YaaCool blicke ich auch nicht durch, funktionieren tut er zwar so wie ich mir das vorgestellt habe, aber ich weiss nicht warum?

Ich muss nochmal zur Grundschule, absolut.


@killimini
auf chrome, sehen dein blog und die kommentare ok aus ???


melden
killimini
ehemaliges Mitglied

Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

30.12.2012 um 14:00
@du_selbst
echt. dann ist ja gut :D

Scheiss avantbrowser. -.-


melden

Do it yourself: CSS für Profil und Blog

30.12.2012 um 14:32
@du_selbst

.gb_post_text:before {
content: url(/images/d.gif) " Bewerte den Post über dir";
padding-right: 310px;
line-height: 2;
text-decoration: underline;
}

mach ma lieber das, is besser


melden
du_selbst
ehemaliges Mitglied

Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

30.12.2012 um 14:39
@YaaCool
du meinst statt dem?

.gb_post_text:before {
content: url(/images/d.gif);
}


melden

Do it yourself: CSS für Profil und Blog

30.12.2012 um 14:40
ja siehst du hast du doch verstanden!
wenn du irgendwas bestimmtest nicht verstehst musst du fragen, ich nehme an alles zu erklären wäre unsinnig, weil du einiges doch schon kennst


melden

Do it yourself: CSS für Profil und Blog

30.12.2012 um 14:46
du kannst den Text btw auch ändern, wenn er dir nicht gefällt


melden
du_selbst
ehemaliges Mitglied

Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

30.12.2012 um 14:48
Jah soviel habe ich schon verstanden, ich werde mir für morgen mal ein paar schlaue Fragen ausdenken und melde mich dann wieder zurück.

@YaaCool


melden
tic
ehemaliges Mitglied

Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

30.12.2012 um 16:23
kann einer helfen Bitte?

laut Userstyle.org ist das kein gültiges CSS .. :ask:

wollt den Style für Allmy dort hochladen :| bei mir funst er im Stylish

@-moz-document url-prefix("http://www.allmystery.de/") {
body{
background:url("/i/be25419_The-best-top-desktop-blue-wallpapers-blu.jpg");
background-color: transparent;
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.99; background-color: #6484ED;
}
#threads {
border: 0px none #6484ED;
border-radius: 20px;
padding: 10px;
}

.postbox1 {
background-color: #3B57B3 !important;
border-bottom: 5px solid trancparent;
border-top: 5px solid trancparent !important;
}
.postbox2,
.fd,
.fh {
background-color: #5A78DB;
}
.fh td, .fd td {
background: none repeat scroll 0 0 #3E59B5 !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 #3E59B5;
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 #3E59B5;
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 #3E59B5;
}
.quick_item_header {
background: none repeat scroll 0 0 #3E59B5;
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 #3E59B5;
padding-left: 6px;
padding-right: 6px;
text-align: center;
width: 423px;
}
#se_content {background:#3E59B5;background-image:none;}
.quick_item_header quick_item_selected {background:#000000;background-image:none;}


#header {
background: transparent !important;
}

.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 solid #000482;
border-top: 2px solid transparent;
color: #000482;
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;
}



transition: 2s;
-moz-transition: 2s;
-webkit-transition: 2s;
-o-transition: 2s;
-ms-transition: 2s;
border-bottom: 1px dodded transparent;
color: #FC0000;

}

.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: #000482 !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.99;
}
.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.9;
}
}
}


@Prof.nixblick


melden

Do it yourself: CSS für Profil und Blog

30.12.2012 um 16:26
@tic

is das ein validator?


melden
tic
ehemaliges Mitglied

Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

30.12.2012 um 16:27
wat? @Prof.nixblick


melden

Do it yourself: CSS für Profil und Blog

30.12.2012 um 16:29
@tic

welchen browser nutzt du und für welchen wolltest das hochladen?


melden

Do it yourself: CSS für Profil und Blog

30.12.2012 um 16:32
@tic

schau mal da nach... daran könnte es liegen

transition: 2s;
-moz-transition: 2s;
-webkit-transition: 2s;
-o-transition: 2s;
-ms-transition: 2s;
border-bottom: 1px dodded transparent;
color: #FC0000;

}


melden
tic
ehemaliges Mitglied

Lesezeichen setzen

Do it yourself: CSS für Profil und Blog

30.12.2012 um 16:33
der Code beruht auf meinem anderen den ich bereits dort hochgeladen habe bzw auf den vom dr-bt der ja auch funst http://userstyles.org/styles/browse/allmystery

Chrome, eine Userin hat den Code grad von mir bekommen, sie nutzt FF wo er auch funst ...

nur die Seite sagt mir beim Hochladen

Code does not appear to be valid CSS
Style code is invalid

--------------------------------------

ok, ich schau :) @Prof.nixblick


melden
Anzeige

Do it yourself: CSS für Profil und Blog

30.12.2012 um 16:34
@tic

ja nicht valides css... kommt von den keyframes und prefixen und rgba-angaben. is dann aber schwach wenn er es nicht nimmt.


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

Themenverwandt
Anzeigen ausblenden