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.820 Beiträge ▪ Schlüsselwörter: Allmystery, Hilfe, Welt ▪ Abonnieren: Feed E-Mail

Do it yourself: CSS für Profil und Blog

08.03.2012 um 04:07
Weiss jemand wie man:


Profil von phil-t.

Profil bearbeiten

Nachricht schicken Gästebuch

....diese Vier im Profil in der Mitte unterhalb der Allmy Seite befindlichen links, nach "links" an den Seitenrand verschieben kann?

Danke im Voraus fuer Antworten.


melden

Do it yourself: CSS für Profil und Blog

08.03.2012 um 07:45
@phil-t.

.head_links {text-align:left !important;}
.profile_links {text-align:left; position: absolute;}


melden

Do it yourself: CSS für Profil und Blog

08.03.2012 um 09:35
@YaaCool

Danke :)


melden

Do it yourself: CSS für Profil und Blog

12.03.2012 um 05:18
@YaaCool

habe ich für das css für den blog weniger platz als für das css für das profil?

das jetzige css für den blog ist folgendes.

html body {
background: url(http://www.picgifs.com/wallpapers/wallpapers/space/wallpaper_ruimte_animaatjes-195.jpg);
background-attachment: fixed;
margin:0;
}

div.header {
background-color: rgba(255, 255, 255, 0.1);
background: rgba(255, 255, 255, 0.1);
border: solid 1px rgba(255, 255, 255, 0.2);
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 0px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
margin-left: 12px!important;
}

div.mcell_inhalt {
background-color: rgba(255, 255, 255, 0.1);
background: rgba(255, 255, 255, 0.1);
border: solid 1px rgba(255, 255, 255, 0.2);
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
margin-top: 5px;
}

div.mcell_status {
background-color: rgba(255, 255, 255, 0.1);
background: rgba(255, 255, 255, 0.1);
border: solid 1px rgba(255, 255, 255, 0.2);
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}

div.tabnav.clearfix {
margin-top: -1px;
margin-left: 12px;
width: 95%;
}

div.tabnav.clearfix a {
background-color: rgba(255, 255, 255, 0.1);
background: rgba(255, 255, 255, 0.1);
border: solid 1px rgba(255, 255, 255, 0.2);
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
min-width: 65px!important;
max-width: 68px!important;
}

div.tabnav.clearfix a:hover {
background-color: rgba(255, 255, 255, 0.2);
background: rgba(255, 255, 255, 0.2);
}

textarea.title_val {
background-color: rgba(0, 255, 255, 0.1);
background: rgba(0, 255, 255, 0.1);
border: solid 1px rgba(0, 255, 255, 0.2);
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
padding: 5px;
color: #ffffff;
}

span.msg {
margin-top: 7px;
}

div.mcell_inhalt2 {
display: none;
}

div.mcell2 {
display: none;
}

input.sufu.title_val.quicksearch_unhovered {
background-color: rgba(0, 255, 255, 0.1);
background: rgba(0, 255, 255, 0.1);
border: solid 1px rgba(0, 255, 255, 0.2);
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}

div.main.clearfix {
margin-left: 13px;
}

ul.clearfix {
margin-left: 55px;
}

div.footer {
margin-left: 12px;
}

div.footer hr {
background-color: rgba(255, 255, 255, 0.1);
background: rgba(255, 255, 255, 0.1);
}

div.infoleiste {
margin-left: 13px;
}

div.blog-entry {
background-color: rgba(255, 255, 255, 0.1);
background: rgba(255, 255, 255, 0.1);
border: solid 1px rgba(255, 255, 255, 0.2);
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
text-align: center;
}

a.voteup {
background-color: rgba(255, 255, 255, 0.1);
background: rgba(255, 255, 255, 0.1);
border: solid 1px rgba(255, 255, 255, 0.2);
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}

a.poster img {
display: none;
}

a.poster {
display: none;
}

textarea.clearfix {
margin-left: 110px;
background-color: rgba(0, 255, 255, 0.3);
background: rgba(0, 255, 255, 0.3);
border: solid 1px rgba(0, 255, 255, 0.1);
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
padding: 5px;
color: #ffffff;
}

a.voteup.voted {
background-color: rgba(255, 0, 0, 0.3);
background: rgba(255, 0, 0, 0.3);
}

div.blog-entry a h2 {
font-size: 22px;
font-style: italic;
font-variant: small-caps;
color: rgba(122, 126, 126, 0.5);
}

div.blog-entry div {
margin-top: 10px;
margin-bottom: 15px;
color: rgba(122, 126, 126, 0.5);
}

div.blog-entry div a {
color: rgba(122, 126, 126, 0.5);
}

div.blog-entry table {
margin-left: 80px;
}

div.blog-entry font {
text-align: center;
}

div.mcell {
background-color: rgba(255, 0, 0, 0.2);
background: rgba(255, 0, 0, 0.2);
border: solid 1px rgba(255, 0, 0, 0.3);
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}

input.submit {
background-color: rgba(255, 255, 255, 0.1);
background: rgba(255, 255, 255, 0.1);
border: solid 1px rgba(255, 255, 255, 0.2);
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}

input.submit:hover {
background-color: rgba(255, 255, 255, 0.2);
background: rgba(255, 255, 255, 0.2);
}

form.disable_on_submit center input {
padding: 2px;
}

div.register_name {
background: rgba(255, 0, 0, 0.2);
background-color: rgba(255, 0, 0, 0.2);
border: solid 1px rgba(255, 0, 0, 0.3);
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
margin-top: -25px;
}


bis dahin ist alles ok

jetzt will ich aber den rest des codes einfügen

#moreMenu {
background-color: rgba(255, 255, 255, 0.1);
background: rgba(255, 255, 255, 0.1);
border: solid 1px rgba(255, 255, 255, 0.2);
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
margin-left: 60px;
margin-top: -90px;
}

div.moreOverview {
background-color: rgba(255, 0, 0, 0.2);
background: rgba(255, 0, 0, 0.2);
border: solid 1px rgba(255, 0, 0, 0.3);
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
width: 245px!important;
padding: 7px!important;
margin-top: 5px!important;
}

div.moreOverview a {
background: none!important;
border: none!important;
}

div.moreCat {
background-color: rgba(255, 0, 0, 0.2);
background: rgba(255, 0, 0, 0.2);
border: solid 1px rgba(255, 0, 0, 0.3);
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
width: 245px!important;
padding: 7px!important;
margin-top: 11px!important;
}

div.moreCat a {
background: none!important;
border: none!important;
}

#se_content {
background: rgba(255, 255, 255, 0.2);
background-color: rgba(255, 255, 255, 0.2);
border: solid 1px rgba(255, 255, 255, 0.3);
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
margin-top: 20px;
}

div.quick_item_header {
background-color: rgba(255, 0, 0, 0.2);
background: rgba(255, 0, 0, 0.2);
border: solid 1px rgba(255, 0, 0, 0.3);
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
margin-right: 5px;
margin-left: 5px;
margin-top: 10px;
color: #000000;
}

div.clearfix.quick_item {
background-color: rgba(0, 255, 255, 0.1);
background: rgba(0, 255, 255, 0.1);
border: solid 1px rgba(0, 255, 255, 0.2);
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
margin-top: 7px!important;
margin-left: 12px!important;
width: 400px!important;
margin-right: 10px!important;
}

div.quick_user_view {
background-color: rgba(0, 255, 255, 0.1);
background: rgba(0, 255, 255, 0.1);
border: solid 1px rgba(0, 255, 255, 0.2);
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
margin-right: 39px;
margin-left: 35px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 3px;
}

div.quick_tags {
background-color: rgba(255, 0, 0, 0.2);
background: rgba(255, 0, 0, 0.2);
border: solid 1px rgba(255, 0, 0, 0.3);
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
margin-left: 5px!important;
margin-top: 10px!important;
margin-right: 5px!important;
width: 409px!important;
color: #000000;
}

div.quick_item_header.quick_item_selected {
margin-bottom: 10px!important;
}

img.user_view_pic {
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}


dann stellt sich das blog-design so dar

yugEg2 mistfuckscheiOriginal anzeigen (0,2 MB)

???????????????????????????????????????


melden

Do it yourself: CSS für Profil und Blog

12.03.2012 um 05:53
@Prof.nixblick

Ja, das kann sein glaub ich
Ich weiß grade nicht ob sich da was geändert hat, aber ich hatte da auch mal mit der Zeichenbegrenzung zu kämpfen

@dns
kann man da nicht was machen?


melden

Do it yourself: CSS für Profil und Blog

12.03.2012 um 05:57
@YaaCool

wie hoch ist die, weißt du das? sonst änder ich was ab bzw. fass einiges zusammen...


melden

Do it yourself: CSS für Profil und Blog

12.03.2012 um 06:00
@Prof.nixblick

Nee, hab ich nicht im Kopf
aber du kannst doch selbst gucken ab wo er es dir unten abschneidet und dann einschätzen wie viele Zeichen du einsparen musst


melden

Do it yourself: CSS für Profil und Blog

12.03.2012 um 06:01
@YaaCool

das wäre eine möglichkeit ^^


melden

Do it yourself: CSS für Profil und Blog

12.03.2012 um 06:46
@YaaCool

merci chérie, hat funktioniert....


melden

Do it yourself: CSS für Profil und Blog

13.03.2012 um 08:40
@YaaCool

Wie kann ich den schwarzen Hintergrund z.B. durch ein Bild ersetzen?


melden

Do it yourself: CSS für Profil und Blog

13.03.2012 um 09:35
@scorch6 http://www.allmystery.de/fcgi/?m=settings_profile -> Hintergundbild


melden

Do it yourself: CSS für Profil und Blog

13.03.2012 um 11:12
@scorch6
@acc

Allmystery-Wiki: Hintergrundbild

ich schreib das wiki doch nicht umsonst :O


melden

Do it yourself: CSS für Profil und Blog

18.03.2012 um 15:12
@YaaCool
kann man die größe des Main hintergrundes ändern?


melden

Do it yourself: CSS für Profil und Blog

18.03.2012 um 15:49
ja?


melden

Do it yourself: CSS für Profil und Blog

18.03.2012 um 15:54
@YaaCool
okk und wie?


melden

Do it yourself: CSS für Profil und Blog

18.03.2012 um 15:56
was hast du denn drin?


melden

Do it yourself: CSS für Profil und Blog

18.03.2012 um 15:58
@YaaCool
wie?


melden

Do it yourself: CSS für Profil und Blog

18.03.2012 um 16:00
@SirParzival

na dein main hat im mom kein hintergrund
ich will nicht, dass wir aneinander vorbei reden


melden

Do it yourself: CSS für Profil und Blog

18.03.2012 um 16:05
@YaaCool
achso^^ ich will von den massen her ungefähr so die grösse des Main hintergrundes


melden

Do it yourself: CSS für Profil und Blog

18.03.2012 um 16:09
@SirParzival

was meinst du mit main?


melden