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
phil-t.
ehemaliges Mitglied

Lesezeichen setzen

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
Anzeige

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
phil-t.
ehemaliges Mitglied

Lesezeichen setzen

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

tz9IJB9 yugEg2 mistfuckschei.JPG

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


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
Anzeige

Do it yourself: CSS für Profil und Blog

18.03.2012 um 16:09
@SirParzival

was meinst du mit main?


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

Themenverwandt
URL einbetten4 Beiträge
Anzeigen ausblenden