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.251 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.07.2015 um 18:43
Ich seh es gerade...


melden
Anzeige

Do it yourself: CSS für Profil und Blog

08.07.2015 um 18:44
@Gnupf
<style>

ul#gb_posts li {
padding-right: 10px;
}

ul#gb_posts li, ul#gb_posts li:hover {
-moz-transition: all 3s ease-in-out;
-webkit-transition: all 3s ease-in-out;
-o-transition: all 3s ease-in-out;
-ms-transition: all 3s ease-in-out;
transition: all 3s ease-in-out;
}

.bild {
max-width: 500px;
}

ul#gb_posts li {
border: solid 3px green;
}

.profile_pic {
float: left !important;
margin-left: 120px;
}

a {color: #0000CD;}
a:hover {color: #bdffc5;}

center {
float: left;
margin-left: 30px;
}

object, iframe {visibility: hidden;}

div.userfunction{display:none;}
#header{display:none;}
.tabnav{display:none;}
.head_links{display:none;}
.profile_links{display:none;}
.profile_info{display:none;}
div.infoleiste{display:none;}
div.footer{display:none;}


img {
-moz-transition: all 3s ease-in-out;
-webkit-transition: all 3s ease-in-out;
-o-transition: all 3s ease-in-out;
-ms-transition: all 3s ease-in-out;
transition: all 3s ease-in-out;
}


img:hover {
-moz-transition: all 3s ease-in-out;
-moz-transform: rotate(-175deg) scaleY(-1) scaleX(-1) skew(0deg) translate(5px);
-webkit-transition: all 3s ease-in-out;
-webkit-transform: rotate(-175deg) scaleY(-1) scaleX(-1) skew(0deg) translate(5px);
-o-transition: all 3s ease-in-out;
-o-transform: scale(-1, -1) rotate(-175deg) skew(0deg) translate(5px);
-ms-transition: all 3s ease-in-out;
-ms-transform: scale(-1, -1) rotate(-175deg) skew(0deg) translate(5px);
transition: all 3s ease-in-out;
transform: rotate(-175deg) scaleY(-1) scaleX(-1) scaleZ(-1) skew(0deg) translate(5px);
}

body {
position: relative;
-webkit-animation-name: bounce;
-webkit-animation-duration: 3s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-moz-animation-name: bounce;
-moz-animation-duration: 3s;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: alternate;
}

@-webkit-keyframes bounce {
from { top: 0px; color: #fff;}
to { top: 0px; color: #00FF00;}
}

@-moz-keyframes bounce {
from { top: 0px; color: #fff;}
to { top: 0px; color: #00FF00;}
}

body {

background-image:url(';');

background-size:100% 100%;

background-repeat:no-repeat;

background-attachment:fixed;

background-position:right bottom;
margin:10;
padding-top:10px;
background-color:#transparent;
color:#000000;
font-size:20px;
font-family: Segoe Print;
}

textarea {
body{font-family: Segoe Print;}
font-size:20px;
}

.mcell_status {display:none;}
img.heart {visibility: hidden;display:none;}
.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:transparent; rgba(00,00,00,0.5)!important;
-webkit-box-shadow: 2px 2px 15px #000000;
-moz-box-shadow: 1px 1px 1px #000000;
}

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

.postbox1 {
text-align: justify;
background-color: transparent !important;
border-bottom: 5px solid #000000;
border-top: 5px solid #000000 !important;
}
.postbox2,
.fd,
.fh {
text-align: justify;
background-color:transparent;
opacity: 0.8;
}

.fh td, .fd td {
background: none repeat scroll 0 0 #000000 !important;
padding-left: 4px;
}

.sufu {
background-color:transparent;
border: 1px none black;
color: black;
font-size: 11px;
height: 19px;
padding-left: 4px;
padding-top: 5px;
width: 126px;
border-radius: 0px;
}

#se {
background: none repeat scroll 0 0 #000000;
border-left: 1px none black;
border-radius: 0 0 0px 0px;
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 0px 0px;
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 #FF2400;
border-top: 2px none #FF2400;
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: #ffd700 !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 #FFFF00;
padding: 0px;
}
#se_content, #se {
z-index: 9999 !important;
opacity: 1.0 !important;
}
.post {
opacity: 0.8;
}

</style>


melden

Do it yourself: CSS für Profil und Blog

08.07.2015 um 18:46
habs raus


melden

Do it yourself: CSS für Profil und Blog

08.07.2015 um 18:48
@Gnupf
Okay, dann fügst du den wieder ein:

ul#gb_posts li:hover {
-moz-transform: skew(90deg, 90deg);
-webkit-transform: skew(90deg, 90deg);
-o-transform: skew(90deg, 90deg);
-ms-transform: skew(90deg, 90deg);
transform: skew(90deg, 90deg);
}


melden

Do it yourself: CSS für Profil und Blog

08.07.2015 um 18:51
gleiches Spiel...


melden

Do it yourself: CSS für Profil und Blog

08.07.2015 um 18:52
@Gnupf
Warte mal. Ich fahre eben nach Hause, dann mache ich deinen Code fertig. Bis dann :Y:


melden

Do it yourself: CSS für Profil und Blog

08.07.2015 um 18:53
Bis Später, fahr vorsichtig :)


melden

Do it yourself: CSS für Profil und Blog

08.07.2015 um 19:27
Hei@Gnupf , wieder da ;)

Du hast da noch ein paar Fragmente im Code gelassen.


melden

Do it yourself: CSS für Profil und Blog

08.07.2015 um 19:28
Ok, dann schau ich mal...


melden

Do it yourself: CSS für Profil und Blog

08.07.2015 um 19:29
@Gnupf
Bin eben dabei. Melde mich dann wieder per PN. Okay?


melden

Do it yourself: CSS für Profil und Blog

08.07.2015 um 19:30
Ok, ist besser...


melden

Do it yourself: CSS für Profil und Blog

09.07.2015 um 12:25
@S_C
Dürfte ich dich nochmal um Hilfe bitten? Ich bin grade meinem Gästebuch an den Kragen gegangen und habe den "Eintragen" Button verändert - weißt du vielleicht, wie ich den ein Stück nach oben versetzen kann, dass der nicht mehr so im Gästebuch drin hängt? Mit margin-bottom hab ich's schon versucht, scheint nicht zu klappen.


melden

Do it yourself: CSS für Profil und Blog

09.07.2015 um 13:02
Hallo @Luminita und zunächst - bei der Gelegenheit - DANKE! Du weißt schon ;)

Deine Buttons:

Füge dem

#show_gb_post_wrap {

}

zunächst ein margin hinzu: margin-bottom: 30px;


melden

Do it yourself: CSS für Profil und Blog

09.07.2015 um 13:19
@Luminita
Und dann, um den "Eintragen"-Button zu positionieren:

#gb_post_submit {
left: 550px !important;
top: 25px !important;
}


melden

Do it yourself: CSS für Profil und Blog

09.07.2015 um 13:21
@S_C
Perfekt, es passt eigentlich auch schon ohne
S_C schrieb:#gb_post_submit {
left: 550px !important;
top: 25px !important;
}
.

Vielen lieben Dank, du rettest mich echt immer wieder. :D


melden

Do it yourself: CSS für Profil und Blog

09.07.2015 um 13:24
:Y: @Luminita ;)


melden

Do it yourself: CSS für Profil und Blog

10.07.2015 um 11:12
Heyho, eine letzte Frage habe ich noch:

In meinem Profil konnte ich das Problem durchs fummeln selber lösen,
aber für meinen Blog fält mir dazu nichts ein.

Wie kann ich das Feld der User, die gerade einen Kommentar verfassen umgestalten?


melden

Do it yourself: CSS für Profil und Blog

10.07.2015 um 15:05
@Zerox
Mit input vielleicht? Oder willst du nur das Bild umgestalten, dann vielleicht usericon oder so? Also blog-entry input. Keine Ahnung ob das funktioniert. :D


melden

Do it yourself: CSS für Profil und Blog

12.07.2015 um 20:35
@Zerox

a.poster img

:Y:


melden
Anzeige

Do it yourself: CSS für Profil und Blog

13.07.2015 um 00:27
@S_C
Das wirkt sich nur auf den Avatar aus,
wie bekomme ich noch den Namen verändert?

a.poster
oder a.poster a
oder poster
odeer poster a

habe ich schon durchprobiert und bringen nichts :D


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

Themenverwandt
Musik im Profil291 Beiträge
Anzeigen ausblenden