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).

Allmy Profilpage HTML Vorlagen

10 Beiträge ▪ Schlüsselwörter: CSS, Vorlagen, Css Vorlagen ▪ Abonnieren: Feed E-Mail
Seite 1 von 1
nixweltall Diskussionsleiter
ehemaliges Mitglied

Link kopieren
Lesezeichen setzen

Allmy Profilpage HTML Vorlagen

16.03.2013 um 15:56
es gibt ja die möglichkeit seine allmy-profilpage mit html zu gestalten. viele sind dessen garnicht mächtig und deshalb meine frage, ob es html vorlagen für die allmy-profilpage gibt.

wenn nicht, wäre dieser thread eine gelegenheit html-codes für verschiedene bereiche zu posten


melden

Allmy Profilpage HTML Vorlagen

16.03.2013 um 15:58
Hier kann man die Grundlagen erlernen, um das Profil umzubauen
Do it yourself: CSS für Profil und Blog


melden
nixweltall Diskussionsleiter
ehemaliges Mitglied

Link kopieren
Lesezeichen setzen

Allmy Profilpage HTML Vorlagen

16.03.2013 um 16:15
danke für den link. sowas in der art habe ich gesucht. allerdings fände ich es noch komfortabeler wenn es schon fertige vorlagen gäbe, die man dann nur noch für sich anpassen braucht. extra nen workshop in css zu absolvieren, muss nicht unbedingt sein

black-style white-style green-style


melden

Allmy Profilpage HTML Vorlagen

16.03.2013 um 16:17
@nixweltall
Kannst ja bitten, dass mache ihre Codes oder alte Codes posten


melden

Allmy Profilpage HTML Vorlagen

16.03.2013 um 21:47
Meiner:

<style> body {color: #70A1C4;} a {color: #70A1C4;} a:hover {color: #70A1C4;} .tabnav {display: none} .sufu {display: none} .header {background: none; background-color: transparent;} .infoleiste {display: none !important;} .header {border: 3px solid #70A1C4;} .userfunction {display: none} .footer {display: none} .header {border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;} .header img.heart {visibility: hidden} </style>

Ist momentan eher einfach gehalten, hatte schon komplizierteres


melden

Allmy Profilpage HTML Vorlagen

18.03.2013 um 04:58
@Mockingjay
Du weißt schon, dass du die Elemente auch zusammenfassen kannst? Also z.B.

.tabnav, .sufu, .footer {display: none;}


melden

Allmy Profilpage HTML Vorlagen

18.03.2013 um 07:44
@Ciela
Echt? Wusste ich bisher nicht :D


melden

Allmy Profilpage HTML Vorlagen

18.03.2013 um 13:47
@Mockingjay
Man kann das halt in beiden Varianten machen, aber so wird das übersichtlicher. ;)


melden

Allmy Profilpage HTML Vorlagen

18.03.2013 um 13:50
@Ciela
Okay. Danke für den Tipp :)


melden

Allmy Profilpage HTML Vorlagen

18.05.2013 um 23:25
Himmelblau mit special effects:

<style> 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: #fff;} } @-moz-keyframes bounce { from { top: 0px; color: #071aab;} to { top: 0px; color: #fff;} } body { background-image:url('/i/be25419_The-best-top-desktop-blue-wallpapers-blu.jpg'); 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:16px; font-family:Lucida Handwriting,Verdana,Arial,sans-serif;text-align:justify; } textarea { font-family:Lucida Handwriting; font-size:18px; } .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 #666666; border-top: 2px none #666666; 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: #666666 !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 #777777; padding: 0px; } #se_content, #se { z-index: 9999 !important; opacity: 1.0 !important; } .post { opacity: 0.8; } } </style>


melden

Ähnliche Diskussionen
Themen
Beiträge
Letzte Antwort
Allmystery: Do it yourself: CSS für Profil und Blog
Allmystery, 6.817 Beiträge, am 01.05.2024 von Sangritana
YaaCool am 12.11.2010, Seite: 1 2 3 4 ... 338 339 340 341
6.817
am 01.05.2024 »
Allmystery: Profil bearbeiten
Allmystery, 43 Beiträge, am 09.12.2021 von Terror-Toast
nero3 am 08.09.2014, Seite: 1 2 3
43
am 09.12.2021 »
Allmystery: Code- und Designerecke für Allmy Profile und Blogs
Allmystery, 48 Beiträge, am 29.09.2020 von S_C
S_C am 21.01.2016, Seite: 1 2 3
48
am 29.09.2020 »
von S_C
Allmystery: CSS für Threads ( WICHTIG ! ! )
Allmystery, 27 Beiträge, am 25.11.2010 von fregman
kryptoreligiös am 21.11.2010, Seite: 1 2
27
am 25.11.2010 »