Code- und Designerecke für Allmy Profile und Blogs

48 Beiträge ▪ Schlüsselwörter: Hilfe, Blog, Profil ▪ Abonnieren: Feed E-Mail

Rubrik AllmysteryAllmystery 124 Bilder Mehr1 Video Beobachten Antworten Suchen Infos

Seite 1 von 31 2 3 nächste

Direkt zur Seite:

zum letzten Beitrag

S_C Diskussionsleiter

dabei seit 2013

Profil anzeigen
Private Nachricht
Link kopieren
Lesezeichen setzen

Code- und Designerecke für Allmy Profile und Blogs

21.01.2016 um 04:17

Ein herzliches HALLO an alle

Ich bin S_C, ein Allmy Profil- und Blog "Designer", der den interessierten Usern immer wieder und sehr gerne mit Codes, Grafikelementen sowie Tipps und Tricks für deren individuellen Profil- und Blog Designs zur Verfügung steht. Der eine oder die andere unter euch kennt mich vielleicht.

Mit dieser Gruppendiskussion möchte ich einen Raum schaffen, in dem andere "Nerds" aus den Bereichen Allmy Coding und Design ihre Arbeiten vorstellen und die vollständigen CSS-, HTML- und Grafikdateien und -elemente der Community zur Verfügung stellen können.

Der User Support für die kopierten Codes läuft über @yaacool 's berühmten Do it yourself: CSS für Profil und Blog . Dort können Fragen und Hilfen zum Aus- bzw. Umbau gestellt und angefordert werden.
Selbstverständlich nehmen wir auch "Aufräge" an und gestalten Designs nach eigenen (machbaren) Vorstellungen

Bevor ich jetzt lange den Ablauf erläutere, stelle ich mit dem nächsten Beitrag ein kleines Profil Theme als Beispiel zur Verfügung. Wichtig ist mir nur, dass jeder Designer pro Beitrag nur EIN Theme bereitstellt. Diskussionen zum Gruppenthread bitte nicht hier, damit der Raum für unsere Interessenten übersichtlich bleibt.

Ich freue ich mich sehr auf das Mitwirken weiterer Freunde und Kollegen und vor allem darauf, dass viele User unser Angebot nutzen!

Ein schönes Profil oder Blog Design ist die User Sedcard in einem sonst virtuellen Raum.

Herzlichst, euer

7a326e s c-logo2

1x zitiert 1x verlinkt melden

S_C Diskussionsleiter

dabei seit 2013

Profil anzeigen
Private Nachricht
Link kopieren
Lesezeichen setzen

Code- und Designerecke für Allmy Profile und Blogs

21.01.2016 um 04:28

BUDDHA | Profile Theme

Ein kleines und unkompliziertes Theme für Anhänger und Liebhaber seiner Religion & Weisheiten:

Original anzeigen (0,2 MB)

Ein Hintergrund Sound ist bereits integriert, die Grafiken können natürlich über den eigenen Uploader ins Theme eingebaut werden.

Der Code



<style type="text/css">
/*
Buddha Theme
Author: S_C (https://www.allmystery.de/mitglieder/S_C)
*/

/* -----### Allmy Layout ###----- */
/* ausblenden */
.header_info,
.profile_links,
.profile_info,
.head_links,
#header,
.header,
.tabnav,
.footer,
.infoleiste,
.mcell2,
.mcell_inhalt2,
.mcell_inhalt3,
#mstatus_content,
.infoleiste img,
.gb_post_usericon,
iframe {
display: none !important;
}

body {
width: 100% !important;
margin: 0px auto 0px auto;
padding-top: 0 !important;
font-family: Palatino Linotype !important;
font-size: 16px;
font-weight: 300;
background-color: #b4b48d;
line-height: 1.1;
text-align: center;
background-image: url("https://static.allmystery.de/upics/282496_buddha.png");
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
background-attachment: fixed;
}

.page {
width: 100% !important;
min-width: 0px !important;
max-width: 100% !important;
}

.main {
clear: both;
width: 100% !important;
margin-right: 0px !important;
padding-top: 0px !important;
padding-right: 0px !important;
padding-left: 0px !important;
height: auto !important;
background: transparent;
}

a, .userfunction, .userfunction a, .infoleiste, .infoleiste a, .userfunction button {
font-family: Palatino Linotype !important;
font-size: 16px;
color: #B4B48D !important;
}

.userfunction a:focus, .userfunction a:hover, .userfunction button:focus, .userfunction button:hover {
color: #5a180d !important;
}

center {
padding: 0;
position: relative;
text-align: center;
}

a#show_gb_post_wrap {
width: 300px;
font-family: "Cutive Mono","sans-serif" !important;
font-size: 20px;
font-weight: 600;
color: #5A180D !important;
text-decoration: inherit;
margin: -20px auto 0px auto;
padding: 0px;
cursor: pointer;
text-align: center;
display: block;
}

a#show_gb_post_wrap:focus, a#show_gb_post_wrap:hover {
color: #960725;
}

#gb_post_wrap {
float: none;
width: 500px;
height: 120px;
padding: 0px;
margin: 0px auto 20px;
border: 0px solid #5A180D;
border-radius: 5px;
color: #000;
background-color: transparent;
}

#gb_post_textarea {
position: relative;
padding: 5px;
width: 500px;
height: 90px;
min-height: 90px;
margin: 0 auto;
left: 0 !important;
font-family: "Cutive Mono","sans-serif" !important;
font-size: 16px;
color: #000;
border: 1px solid #5A180D;
background: #B4B48D none repeat scroll 0% 0%;
opacity: 0.8;
filter:Alpha(Opacity=80);
}

#gb_post_submit {
font-family: "Cutive Mono","sans-serif" !important;
font-size: 20px;
font-weight: 600;
color: #5A180D;
border: 1px solid transparent;
padding: 0px;
background: transparent;
cursor: pointer;
width: 500px;
left: 0;
top: 100px;
}

#gb_post_submit:focus, #gb_post_submit:hover {
color: #b4b48d;
}

ul#gb_posts {
width: 500px;
margin: 0px auto 10px !important;
position: relative;
}

ul#gb_posts li {
margin-bottom: 30px;
float: none;
text-align: center !important;
width: 500px;
display: inline-block;
position: relative;
}

#gb_posts li a.gb_post_img {
width: 150px !important;
height: 100px;
float: none !important;
display: block !important;
margin: 0px auto !important;
text-align: center !important;
background: transparent url("http://www.allcrime.watch/allmy_styles/Stern90/bg_avatar.png") no-repeat scroll center top;
}

#gb_posts li a.gb_post_img:focus, #gb_posts li a.gb_post_img:hover {
-webkit-transform: translate(0px, -5px);
-moz-transform: translate(0px, -5px);
-ms-transform: translate(0px, -5px);
-o-transform: translate(0px, -5px);
transform: translate(0px, -5px);
opacity: 0.8 !important;
cursor: zoom-in;
}

.gb_post_text {
width: 500px !important;
font-size: 16px !important;
font-weight: 600;
color: #000;
margin: 0px;
line-height: 1.2;
}

.gb_post_text a {
font-family: Palatino Linotype;
font-weight: 300;
font-size: 16px;
text-transform: uppercase;
color: #5a180d;
font-weight: 300;
}

.gb_post_text a:focus, .gb_post_text a:hover {
color: #b4b48d;
}

.gb_post_text strong {
font-family: Palatino Linotype !important;
font-weight: 300;
font-size: 18px;
color: #5a180d;
text-transform: uppercase;
}

#gb_posts li a.gb_post_img img {
width: 80px;
height: 80px;
padding: 10px;
border: 0px solid #5A180D;
border-radius: 70px;
opacity: 0.8;
margin-top: 5px;
}

.profile_pic {
float: none;
display: block;
}

a, h1 a, .userfunction a, .link_button a, #gb_post_submit, .userfunction button {
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
text-decoration: none;
}

a:focus, a:hover,
.userfunction a:focus, .userfunction a:hover,
.link_button a:focus, .link_button a:hover,
#gb_post_submit:focus, #gb_post_submit:hover {
opacity: 0.8;
}

.user_view {
width: 85px;
height: 85px;
margin: 0px 60px 0px 60px !important;
float: none !important;
display: inline-block;
border-radius: 50%;
background: transparent url("https://static.allmystery.de/upics/7f9502_bg_avatar.png") no-repeat center top;
}

.user_view a img.user_view_pic {
border-radius: 50%;
padding: 0px !important;
margin: -2px 0px 0px !important;
float: none !important;
border: 0px solid #FACB3D !important;
width: 65px !important;
height: 65px !important;
background-color: transparent;
}

.user_view a {
text-align: center;
border-radius: 50%;
float: left !important;
color: #000 !important;
width: 85px;
font-size: 18px;
}

.user_view a:hover {
color: #7AC0C0 !important;
}

.user_view .visited_info {
width: 85px;
font-size: 14px !important;
display: block;
float: left !important;
text-align: center;
margin-top: 10px;
margin-bottom: 30px;
color: #000;
}

a[href^="/mitglieder/"] {
margin-top: 15px;
}

.bild {
max-width: 500px;
margin: 10px auto;
position: relative;
display: block;
}

/* -----### Buddha Layout ###----- */

* {
box-sizing: border-box;
}

object {
width: 200px;
margin: 20px auto 0px auto;
padding: 0px;
text-align: center;
background: rgba(255, 255, 255, 1.0);
display: block;
cursor: pointer;
position: relative;
}

.profile_content {
width: 600px;
margin: 0px auto 0px auto;
padding: 0px;
background: transparent;
text-align: center;
position: relative;
}

.header_info {
border-color: transparent !important;;
border-width: 0px !important;
width: 880px !important;;
}

h1 {
width: 100%;
margin: 0px auto;
padding: 0px;
font-family: Palatino Linotype !important;
font-size: 20px;
font-weight: 400;
text-align: center;
position: relative;
display: block;
}

h1 a {
color: #5a180d !important;
text-decoration: none;
text-shadow: 3px 3px 0px #b4b48d;
font-size: 40px;
opacity: 1.0;
filter:Alpha(Opacity=100);
}

h1 a:focus, h1 a:hover {
color: #000;
text-shadow: 3px 3px 0px #b4b48d;
opacity: 0.7;
filter:Alpha(Opacity=70);
}

#welcome {
width: 100%;
margin: 30px auto 0px auto;
padding: 0px;
text-align: center;
font-size: 24px;
font-weight: 600;
color: #5a180d;
position: relative;
display: block;
z-index: 99999;
}

#member {
width: 100%;
margin: 40px auto 0px auto;
padding: 0px;
text-align: center;
font-size: 32px;
font-weight: 600;
color: #000;
text-transform: uppercase;
position: relative;
display: block;
z-index: 99999;
}

#motto {
width: 100%;
margin: 30px auto 0px auto;
padding: 0px;
text-align: center;
font-size: 24px;
font-weight: 400;
text-transform: uppercase;
color: #000;
position: relative;
display: block;
z-index: 99999;
}

.ctn_pics-top {
width: 100%;
margin: -50px auto 30px auto;
padding: 0px;
background: transparent none repeat scroll 0% 0%;
text-align: center;
position: relative;
display: block;
}

.ctn_pics {
width: 100%;
margin: 0px auto 40px auto;
padding: 0px;
background: transparent;
text-align: center;
position: relative;
display: block;
}

.ctn_line {
width: 100%;
margin: 0px auto 40px auto;
padding: 0px;
background: transparent none repeat scroll 0% 0%;
text-align: center;
position: relative;
display: block;
}

h2 {
width: 100%;
margin: 0px auto 30px auto;
padding: 0px;
text-align: center;
font-size: 18px;
font-weight: 600;
color: #000;
text-transform: uppercase;
position: relative;
display: block;
}

h3 {
margin: 20px auto 0px auto !important;
font-family: Palatino Linotype !important;
font-size: 20px;
color: #000;
font-weight: 600;
line-height: 1.1;
text-align: center;
display: block !important;
}

a:hover, .infoleiste a:hover {
color: #960725;
}

.more_entries_wrap {
max-width: 500px;
float: none !important;
position: relative;
text-align: center;
margin-bottom: 30px !important;
margin-right: auto !important;
margin-left: auto !important;
}

</style>

[IMG]/static/upics/87fcc0_lotus.png[/IMG]

[size=3]
[url=http://www.allmystery.de/themen/km]User Nick[/url]
[/size]

$mbesucher


[IMG]/static/upics/761f90_user_bottm_line.png[/IMG]


Herzlich Willkommen auf meinem Profil!

Nichts ist für die Ewigkeit.
Nichts bleibt wie es war. 


[IMG]/static/upics/a8f59e_line.png[/IMG]



[IMG]/static/upics/59365c_symbolik.png[/IMG]



[IMG]/static/upics/a8af87_symbol1.png[/IMG]


[size=3]Großes Verstehen kommt mit großer Liebe.[/size]

[IMG]/static/upics/a8f59e_line.png[/IMG]


[size=3]In der Erfahrung der Liebe beginnt die Welt aufs Neue.

In jedem Augenblick.
Die Liebe nimmt nicht, sie gibt.[/size]

[IMG]/static/upics/a8f59e_line.png[/IMG]


[size=3]Wonach suchst Du? Nach Glück, Liebe, Seelenfrieden?

Suche nicht am anderen Ende der Welt danach,
sonst wirst Du enttäuscht, verbittert und verzweifelt zurückkehren.

Suche am anderen Ende Deiner selbst danach,

in der Tiefe des Herzens.[/size]

[IMG]/static/upics/a8f59e_line.png[/IMG]


[size=3]Du bist nicht auf der Erde, um unglücklich zu werden.

Doch Glück ist allein der innere Frieden.

Lerne ihn finden. Du kannst es.

Überwinde dich selbst und du wirst die Welt überwinden.[/size]
[IMG]/static/upics/a8f59e_line.png[/IMG]


<iframe class="mysong" frameborder="0" height="0" src="/fcgi/?m=profile&ytid=KbCkT9A9Xp0" width="0"></iframe>

Viel Spaß!

Herzlichst, euer

S_C