[Metin2]HomePage Design Auf Yooco

[-HaRdCoRe-]

Hallo also erstmal ich will euch ein paar CSS Designs für Yooco von Metin2 Posten aber erstmal 1.Alsoihr geht oben bei yooco auf Design Ändern und dann auf eigenes CSS dort gebt ihr folgenden Text Ein:

<a href="http://punktesystem.bplaced.net/bg/User/xBlock2/erstellen.php?username=%user.Username%&user=xBlock 2&design=2">Design 2</a>

Für das 3. Design:

<a href="http://punktesystem.bplaced.net/bg/User/xBlock2/erstellen.php?username=%user.Username%&user=xBlock 2&design=3">Design 3</a>
#head_center {
float: right;
}
body {
background-color: #f0f0f0;
}
#head {
background-color: transparent;
}
#mainbar {
background-color: #8a8a8a;
}
#content, #breadcrumb {
background-color: transparent;
}
/*
Dieser Bereich darf nicht verändert werden.
Falls eine Ausnahme notwendig ist, kontaktiere uns bitte unter
*/
#not_allowed {
background-color: transparent;
background-image: url(
background-repeat: repeat;
}
/*
Dieser Bereich darf nicht verändert werden.
Falls eine Ausnahme notwendig ist, kontaktiere uns bitte unter
*/
#not_allowed, /*
Dieser Bereich darf nicht verändert werden.
Falls eine Ausnahme notwendig ist, kontaktiere uns bitte unter
*/
#not_allowed a:link, /*
Dieser Bereich darf nicht verändert werden.
Falls eine Ausnahme notwendig ist, kontaktiere uns bitte unter
*/
#not_allowed a:visited, /*
Dieser Bereich darf nicht verändert werden.
Falls eine Ausnahme notwendig ist, kontaktiere uns bitte unter
*/
#not_allowed a:hover, /*
Dieser Bereich darf nicht verändert werden.
Falls eine Ausnahme notwendig ist, kontaktiere uns bitte unter
*/
#not_allowed a:active {
color: #414141;
}
div.boxItemTitle {
background-color: #9c9c9c;
color: #ffffff;
background-image: url(
}
div.boxItemBorder {
border-color: #9c9c9c;
}


#tokstaUser { display: none !important; }
/*Nachricht schreiben*/
#profileOptions a[href*='/popups/chat.html']:before { content: url() " ";
}
/*Freundschaft beenden*/
#profileOptions li a[href*='/delete_friend.do']:before { content: url() " ";
}
/*Als Freund hinzufügen*/
#profileOptions a[href*='/add_friend.do']:before { content: url() " ";
}
/*Foren-Beiträge anzeigen*/
#profileOptions a[href*='/forum/search.html']:before { content: url() " ";
}
/*Privatchat*/
#profileOptions a[href*='#']:before { content: url() " ";
}
/*Ignorieren*/
#profileOptions a[href*='/ignore.do']:before { content: url() " ";
}
/*Anstupsen*/
#profileOptions li a[href*='/stups.do']:before { content: url() " ";
}
#instantMessages div.row1_highlight {
border-color: #ffa203;
background-color: #112399;
background-image: none;
color: #ffffff;
}
#head_new_ims span.highlight {
text-decoration: blink;
}
div.memberList .memberInfos {
background-color:transparent;
background-image: url(
}
/* = Hintergrund der Mitgliederboxen von champstyle code copyright */


/*Icon vor keine NEUE NACHRICHTEN*/
#head_new_ims:before {
content: url() " ";
}

/*Icon vor NEUE NACHRICHTEN vorhanden*/
#head_new_ims span.highlight:before {
content: url() " ";
}
#instantMessages div.row1 {
background-image: none;
background-color: #E0E0E0; /*Hintergrundfarbe*/
}
#instantMessages div.row1:hover{
background-image: none;
background-color: #FFFFFF; /*Hintergrundfarbe*/
}
.profileTableOnline {
background-image: url(
}
.profileTableOffline {
background-image: url(
}












/*Tabellenhintergrund*/
table.tableForums tr {
background-color: #a19999;
}
/*Hoverfarbe*/
table.tableForums tr:hover {
background-color: #ded9d9;
}
/*Stickyhintergrund*/
table.tableForums tr.sticky {
background-color: #6480de;
}








/* Icon in der Thread-Übersicht */
table.tableForums td h2.thread {
background-image: url(
}
/* Sticky-Icon in der Thread-Übersicht */
table.tableForums td h2.sticky {
background-image: url(
}
/* Neu-Icon in der Thread-Übersicht */
table.tableForums td h2.newthread {
background-image: url(
}
/* Neu-Sticky-Icon in der Thread-Übersicht */
table.tableForums td h2.newsticky {
background-image: url(
}
/* Icon in der Foren-Übersicht */
table.tableForums td h2.forum {
background-image: url(
}
/* Neu-Icon in der Foren-Übersicht */
table.tableForums td h2.forum_new {
background-image: url(
}








#mainbar ul li ul li a {
background-color: silver;
color: black;
}
#mainbar ul li ul li a {
background-image: url("http://file1.npage.de/006111/65/bilder/balken_grau_gross.png");
}
#mainbar ul li ul li a:hover {
background-image: url("http://file1.npage.de/006111/65/bilder/balken_blau_gross.png");
}











.dynamic-tab-pane-control .tab-row .tab a {
background-image: url("http://file1.npage.de/006111/65/bilder/blauer_balken_lank_small.png")
}

.dynamic-tab-pane-control .tab-row .tab a:hover, .dynamic-tab-pane-control .tab-row .tab.selected a:hover {
background-image: url("http://file1.npage.de/006111/65/bilder/balken_grau_lang.png")
}

}



.highlight3 {
background-image: url();
}


#head_center {
float: right;
}
#head {
height: 163px;
Antworten
}
#delete_my_account {
display: none;
}
#head_right img { display: none; }



#profileOptions { background-color: #8aadff; color: #fff; }




#profileInfos table.profileTable {
border: 1px solid #292929;
background-color: #e7e7e7;
}
.profileTable .label {
padding-right: 20px;
color: #004b85 !important;
font-weight: bold;
}

}
.memberDetails span a img { margin-top: 5px; }
#content, #container, #main_container {
display: block !important;
}
.memberDetails span a img[src="http://static.yooco.de/templates/core/images/ico_online.gif"] { display: none; }

.memberDetails span a[href*="members.html?mode=online"] { background: url() no-repeat 0px 0px !important; height: 18px; width:17px; display: block; }

.memberDetails span a img { margin-top: -10px; }
}

#content, #container, #main_container {
display: block !important;
}

#profileOptions ul li a { padding:6px; background-image:none; }


body {
/* You can set the font-size and font-famiy in here*/
}
#menu {
/*Container for the menu*/
}
#writemessage {
/*Container for the textfield and the smiley*/
}
.menuItem {
/*Container for the menu headline*/
}
.menuContent {
/*The Content of the menu*/
}
#roomList {
/*List of chatrooms*/
}
.userList {
/*List of users in the chatrooms*/
}
.userCount {
/*number of users in a chatroom*/
}
.message {
/*a message in a chatroom*/
}
.sysMsg {
/*system messages (i.e. user entered a chatroom)*/
}
.sysErr {
/*system warnings (i.e. connection lost)*/
}
.meMsg {
/*emote message*/
}
textarea {
/*You should set the font-family of the textarea in here*/
}
#iconbar {
/* this bar under the textfield includes the smiley, and other icons*/
}
#smileys {
/*button to open the smileys layer*/
}
#toggle_sound_button {
/*button to enable or disable the sound*/
}
#smileybar {
/*container containing the smileys*/
}
.room {
/*the container containing all messages in a chatroom*/
}
.roomTab {
/*the tab to select a chatroom*/
}
.roomTabActive {
/*the current chatroom tab*/
}
.roomTabHighlighted {
/*the tab of a chatroom with a new message*/
}
.roomTabComposing {
/*the tab of a chatroom where is somebody typing a new message*/
}
.loginBody {
/*The body of the login page (for anonymous login)*/
}



-----------------------------------------HEADER KONTO DESING !!
#divAccount {
color: #ffffff !important;
background-color: #000000;
margin: -5px 0 0 130px;
padding: 0 6px 12px 6px;
width: 175px;
}

#divAccount ul li a {
display: block;
padding: 5px 10px 5px 10px;
text-decoration: none;
color: #ffffff !important;
font-size: 11px;
background-color: #000000;
}

#divAccount ul li a:hover {
background-color: #404040;
}



#divAccount {
color: #212121 !important; /* Schriftfarbe */
background-image: url(/uploads/s1/images/website/329155/image/bg_subnavi.png); /* Veränderte Hintergrundgrafik */
}
#divAccount ul li a, #divAccount ul li.first {
color: #031832 !important; /* Schriftfarbe */
background-color: #ec0909; /* Die Hintergrundfarbe, die auch für die Grafik genommen wurde */
}
#divAccount ul li a:hover, #divAccount ul li.first a, #divAccount ul li.first a:hover {
background-color: #c50909; /* Hintergrundfarbe, wenn der Mauszeiger über einem Element ist. Vorher war es grau */
}
--------------------------------------------------------------------------------

---------------------------------------------------Breite HOMEPAGES

#mainbar ul li ul li a {
color: #ffffff;
background-color: #313131;
}

/*Profil ansehen*/
p.intro span.right {
color: #000; /*Schriftfarbe*/
font-size: 13px; /*Schriftgröße*/
}



<div id="tab-pane-1" class="dynamic-tab-pane-control tab-pane">
<div class="tab-row">
<h2 class="tab"><a href="LINK">LALALALALALALALLALALALAL</a></h2>
</div>
</div>

echo "<div id=chatstats>"$erg[0][0]." User im KS-Chat online <br /></div>";


.profileTable .label { /*links stehende Titel (z.B. Benutzername: oder Ort*/
padding-right: 20px; /*Innenabstand rechts*/
color: #004b85 !important; /*Schriftfarbe (#...)*/
font-weight: bold; /*fette Schrift*/
}
#profileDetails, #profileAdvanced, #profileStats { /*die 3 verschiedenen Profil-Boxen*/
border: 1px solid #ff6a00; /*Randdicke und -farbe*/
background-image: url(Hier Url einfügen); /*Hintergrundgrafik*/
}



h1.heading {
background-image: url(images/chat/bg_heading.gif);
}

<td class="label inverse">Coins:</td>
<td><img src="http://www.supplychainsecurity.com/elements/img/icon35_coins.gif" alt="" align="absmiddle" /> <strong>260</strong></td>
</tr>

Genauso Lassen
Fügt ihn dort ein. Auf Speichern drücken.Es kann sein dass er das design erst
etwas später anzeigt (bei mir nach ca 5 min.)
Es ist nicht Perfekt aber es ist okay und ich werde es noch bald bearbeiten.



Hoffe ihr findet es Okay.Bitte nicht sowas schreiben wie:Unnötig Moven pls usw. Danke fürs lesen. ByeBye und noch ein pic.

[Rauschii]

Originally Posted by .Koopa

omg!!

~Spam

Naja wer es braucht

[-HaRdCoRe-]

ich weis ist net so gut sorry hatte net so viel zeit hab es ma eben so in 25 min gemacht

[.Zander]

Mehr sag ich nicht dazu...
sehr schlecht
Sogar Grottig find ich

[-HaRdCoRe-]

Spammer und kann es ja ändern du **********
villeicht interessiert diese meinungen niemanden
edit: Neues design aus LW

<a href="http://punktesystem.bplaced.net/bg/User/xBlock2/erstellen.php?username=%user.Username%&user=xBlock 2&design=2">Design 2</a>

Für das 3. Design:

<a href="http://punktesystem.bplaced.net/bg/User/xBlock2/erstellen.php?username=%user.Username%&user=xBlock 2&design=3">Design 3</a>
#head_center {
float: right;
}
body {
background-color: #f0f0f0;
}
#head {
background-color: transparent;
}
#mainbar {
background-color: #8a8a8a;
}
#content, #breadcrumb {
background-color: transparent;
}
/*
Dieser Bereich darf nicht verändert werden.
Falls eine Ausnahme notwendig ist, kontaktiere uns bitte unter
*/
#not_allowed {
background-color: transparent;
background-image: url(
background-repeat: repeat;
}
/*
Dieser Bereich darf nicht verändert werden.
Falls eine Ausnahme notwendig ist, kontaktiere uns bitte unter
*/
#not_allowed, /*
Dieser Bereich darf nicht verändert werden.
Falls eine Ausnahme notwendig ist, kontaktiere uns bitte unter
*/
#not_allowed a:link, /*
Dieser Bereich darf nicht verändert werden.
Falls eine Ausnahme notwendig ist, kontaktiere uns bitte unter
*/
#not_allowed a:visited, /*
Dieser Bereich darf nicht verändert werden.
Falls eine Ausnahme notwendig ist, kontaktiere uns bitte unter
*/
#not_allowed a:hover, /*
Dieser Bereich darf nicht verändert werden.
Falls eine Ausnahme notwendig ist, kontaktiere uns bitte unter
*/
#not_allowed a:active {
color: #414141;
}
div.boxItemTitle {
background-color: #9c9c9c;
color: #ffffff;
background-image: url(
}
div.boxItemBorder {
border-color: #9c9c9c;
}


#tokstaUser { display: none !important; }
/*Nachricht schreiben*/
#profileOptions a[href*='/popups/chat.html']:before { content: url() " ";
}
/*Freundschaft beenden*/
#profileOptions li a[href*='/delete_friend.do']:before { content: url() " ";
}
/*Als Freund hinzufügen*/
#profileOptions a[href*='/add_friend.do']:before { content: url() " ";
}
/*Foren-Beiträge anzeigen*/
#profileOptions a[href*='/forum/search.html']:before { content: url() " ";
}
/*Privatchat*/
#profileOptions a[href*='#']:before { content: url() " ";
}
/*Ignorieren*/
#profileOptions a[href*='/ignore.do']:before { content: url() " ";
}
/*Anstupsen*/
#profileOptions li a[href*='/stups.do']:before { content: url() " ";
}
#instantMessages div.row1_highlight {
border-color: #ffa203;
background-color: #112399;
background-image: none;
color: #ffffff;
}
#head_new_ims span.highlight {
text-decoration: blink;
}
div.memberList .memberInfos {
background-color:transparent;
background-image: url(
}
/* = Hintergrund der Mitgliederboxen von champstyle code copyright */


/*Icon vor keine NEUE NACHRICHTEN*/
#head_new_ims:before {
content: url() " ";
}

/*Icon vor NEUE NACHRICHTEN vorhanden*/
#head_new_ims span.highlight:before {
content: url() " ";
}
#instantMessages div.row1 {
background-image: none;
background-color: #E0E0E0; /*Hintergrundfarbe*/
}
#instantMessages div.row1:hover{
background-image: none;
background-color: #FFFFFF; /*Hintergrundfarbe*/
}
.profileTableOnline {
background-image: url(
}
.profileTableOffline {
background-image: url(
}












/*Tabellenhintergrund*/
table.tableForums tr {
background-color: #a19999;
}
/*Hoverfarbe*/
table.tableForums tr:hover {
background-color: #ded9d9;
}
/*Stickyhintergrund*/
table.tableForums tr.sticky {
background-color: #6480de;
}








/* Icon in der Thread-Übersicht */
table.tableForums td h2.thread {
background-image: url(
}
/* Sticky-Icon in der Thread-Übersicht */
table.tableForums td h2.sticky {
background-image: url(
}
/* Neu-Icon in der Thread-Übersicht */
table.tableForums td h2.newthread {
background-image: url(
}
/* Neu-Sticky-Icon in der Thread-Übersicht */
table.tableForums td h2.newsticky {
background-image: url(
}
/* Icon in der Foren-Übersicht */
table.tableForums td h2.forum {
background-image: url(
}
/* Neu-Icon in der Foren-Übersicht */
table.tableForums td h2.forum_new {
background-image: url(
}








#mainbar ul li ul li a {
background-color: silver;
color: black;
}
#mainbar ul li ul li a {
background-image: url("http://file1.npage.de/006111/65/bilder/balken_grau_gross.png");
}
#mainbar ul li ul li a:hover {
background-image: url("http://file1.npage.de/006111/65/bilder/balken_blau_gross.png");
}











.dynamic-tab-pane-control .tab-row .tab a {
background-image: url("http://file1.npage.de/006111/65/bilder/blauer_balken_lank_small.png")
}

.dynamic-tab-pane-control .tab-row .tab a:hover, .dynamic-tab-pane-control .tab-row .tab.selected a:hover {
background-image: url("http://file1.npage.de/006111/65/bilder/balken_grau_lang.png")
}

}



.highlight3 {
background-image: url();
}


#head_center {
float: right;
}
#head {
height: 163px;
Antworten
}
#delete_my_account {
display: none;
}
#head_right img { display: none; }



#profileOptions { background-color: #8aadff; color: #fff; }




#profileInfos table.profileTable {
border: 1px solid #292929;
background-color: #e7e7e7;
}
.profileTable .label {
padding-right: 20px;
color: #004b85 !important;
font-weight: bold;
}

}
.memberDetails span a img { margin-top: 5px; }
#content, #container, #main_container {
display: block !important;
}
.memberDetails span a img[src="http://static.yooco.de/templates/core/images/ico_online.gif"] { display: none; }

.memberDetails span a[href*="members.html?mode=online"] { background: url() no-repeat 0px 0px !important; height: 18px; width:17px; display: block; }

.memberDetails span a img { margin-top: -10px; }
}

#content, #container, #main_container {
display: block !important;
}

#profileOptions ul li a { padding:6px; background-image:none; }


body {
/* You can set the font-size and font-famiy in here*/
}
#menu {
/*Container for the menu*/
}
#writemessage {
/*Container for the textfield and the smiley*/
}
.menuItem {
/*Container for the menu headline*/
}
.menuContent {
/*The Content of the menu*/
}
#roomList {
/*List of chatrooms*/
}
.userList {
/*List of users in the chatrooms*/
}
.userCount {
/*number of users in a chatroom*/
}
.message {
/*a message in a chatroom*/
}
.sysMsg {
/*system messages (i.e. user entered a chatroom)*/
}
.sysErr {
/*system warnings (i.e. connection lost)*/
}
.meMsg {
/*emote message*/
}
textarea {
/*You should set the font-family of the textarea in here*/
}
#iconbar {
/* this bar under the textfield includes the smiley, and other icons*/
}
#smileys {
/*button to open the smileys layer*/
}
#toggle_sound_button {
/*button to enable or disable the sound*/
}
#smileybar {
/*container containing the smileys*/
}
.room {
/*the container containing all messages in a chatroom*/
}
.roomTab {
/*the tab to select a chatroom*/
}
.roomTabActive {
/*the current chatroom tab*/
}
.roomTabHighlighted {
/*the tab of a chatroom with a new message*/
}
.roomTabComposing {
/*the tab of a chatroom where is somebody typing a new message*/
}
.loginBody {
/*The body of the login page (for anonymous login)*/
}



-----------------------------------------HEADER KONTO DESING !!
#divAccount {
color: #ffffff !important;
background-color: #000000;
margin: -5px 0 0 130px;
padding: 0 6px 12px 6px;
width: 175px;
}

#divAccount ul li a {
display: block;
padding: 5px 10px 5px 10px;
text-decoration: none;
color: #ffffff !important;
font-size: 11px;
background-color: #000000;
}

#divAccount ul li a:hover {
background-color: #404040;
}



#divAccount {
color: #212121 !important; /* Schriftfarbe */
background-image: url(/uploads/s1/images/website/329155/image/bg_subnavi.png); /* Veränderte Hintergrundgrafik */
}
#divAccount ul li a, #divAccount ul li.first {
color: #031832 !important; /* Schriftfarbe */
background-color: #ec0909; /* Die Hintergrundfarbe, die auch für die Grafik genommen wurde */
}
#divAccount ul li a:hover, #divAccount ul li.first a, #divAccount ul li.first a:hover {
background-color: #c50909; /* Hintergrundfarbe, wenn der Mauszeiger über einem Element ist. Vorher war es grau */
}
--------------------------------------------------------------------------------

---------------------------------------------------Breite HOMEPAGES

#mainbar ul li ul li a {
color: #ffffff;
background-color: #313131;
}

/*Profil ansehen*/
p.intro span.right {
color: #000; /*Schriftfarbe*/
font-size: 13px; /*Schriftgröße*/
}



<div id="tab-pane-1" class="dynamic-tab-pane-control tab-pane">
<div class="tab-row">
<h2 class="tab"><a href="LINK">LALALALALALALALLALALALAL</a></h2>
</div>
</div>

echo "<div id=chatstats>"$erg[0][0]." User im KS-Chat online <br /></div>";


.profileTable .label { /*links stehende Titel (z.B. Benutzername: oder Ort*/
padding-right: 20px; /*Innenabstand rechts*/
color: #004b85 !important; /*Schriftfarbe (#...)*/
font-weight: bold; /*fette Schrift*/
}
#profileDetails, #profileAdvanced, #profileStats { /*die 3 verschiedenen Profil-Boxen*/
border: 1px solid #ff6a00; /*Randdicke und -farbe*/
background-image: url(Hier Url einfügen); /*Hintergrundgrafik*/
}



h1.heading {
background-image: url(images/chat/bg_heading.gif);
}

<td class="label inverse">Coins:</td>
<td><img src="http://www.supplychainsecurity.com/elements/img/icon35_coins.gif" alt="" align="absmiddle" /> <strong>260</strong></td></tr>

[Daroolein]

Originally Posted by -HaRdCoRe-

Spammer und kann es ja ändern du **********
villeicht interessiert diese meinungen niemanden
edit: Neues design aus LW

Hey du Banan'chen. Nun mach hier mal nicht auf 3käsehoch!
Nur weil er dir fiese Kritik gibt, musst du dich doch nicht auf sein
"Niveau" hinabbgeben(nichts gegen dich Zander)!
Also wirklich, sowas gehört reported.

[.Nyu.]

sehr unübersichtlich ... Oo

[NotEnoughForYou]

viel zu unübersichtlich und auch nicht gerade sauberer code teilweise

[Yoshio']

Naja , verbesserungsbedürftig ^^

Zieh die Images länger das sie nicht doppelt vorkommen

[~LuckyStrike~]

Das Design ist ja der reinste Selbstmord O_o

[-HaRdCoRe-]

wie gesagt ne hatte beinahe zeit werde es noch um EINIGES Verbessern! Das Habe ich mal ebenso hingeklatscht.Ich weis sorry aber hab immoment net so viel zeit mit schule und Arbeit usw.