Skocz do zawartości
  • Przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników, przeglądających tę stronę.

SzulC

Dodanie panelu u góry 1game

Promowane odpowiedzi

SzulC    417

Link do forum: www.pomoc.xaa.pl/forum

Dokładny opis problemu: Chce dodać panel użytkownika na górze , skopiowałem od innego stylu ale nie wyszło :) i mam prośbe żebście mi pomogli żeby na 1game działał panel dobrze

Posiadany styl: 1game

Modyfikacje na forum:

Po dodaniu tak wyglada

10156514268133569066.jpg

A ma Tak wyglądac :)

17902041503983343549.jpg

Overal_header po dodaniu styl 1game

{META}
{PAGE_TITLE} • {L_MCP} •{L_UCP} • {SITENAME}
WITAMY NA CS-WSS.EU- ZAPRASZAMY DO REJESTRACJI
{L_INFORMATION}: {L_BOARD_DISABLED}
Overal_header stylu na którym działa dobrze panel
WITAMY NA CS-WSS.EU- ZAPRASZAMY DO REJESTRACJI
{L_INFORMATION}: {L_BOARD_DISABLED}

{META}
{SITENAME} • {L_MCP} • {L_UCP} • {PAGE_TITLE}

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
SzulC    417

W tym Stylu proszę mi zmienić zebym miał panel u góry daje piwko :)

OVERAL_HEADER

{META}
{SITENAME} - {L_MCP} - {L_UCP} - {PAGE_TITLE}
  • {CURRENT_TIME} | {LAST_VISIT_DATE}
CSS /
* Set a fontsize that will look the same in all browsers. */
body
{
	background: #101010 url(images/bg.png) 50% 0 no-repeat;
	background-attachment: fixed;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#CCCCCC;
	margin: 0;
	padding: 0;
}
/* This division wraps the entire forum when a forum width is set. */
#wrapper {
	width: 965px;
	margin: 0 auto;
}
/* The navigation list (i.e. linktree) */
.navigate_section
{
	padding: 0.5em;
	margin: 0;
}
.navigate_section ul
{
	display: block;
	margin: 0;
	font-size: 0.9em;
	padding: 0.5em 0;
	overflow: hidden;
	list-style: none;
	clear: both;
	width: 100%;
}
.navigate_section ul li
{
	float: left;
	padding: 0 0.5em 0 0;
	font-size: 1em;
	color:#CEB54B;
}
/* Name Styles */
.content_wrap {
	background: url(images/trans_bg.png);
	border: 1px solid #1c1c1c;
	padding: 6px;
	margin-top: 15px;
}
#header {
	background: url(images/header_bg.png) 0 0 repeat-x;
	height: 170px;
}
#logo a {
	background: url(images/logo.png) 0 0 no-repeat;
	width: 350px;
	height: 170px;
	display: block;
	float: left;
	margin-left: 20px;
}
#top_login {
	background: url(images/site_login.png) 0 0 no-repeat;
	float: right;
	height: 100px;
	width: 420px;
	overflow: hidden;
	color: #282828;
}
#login_form {
	padding: 10px 0 0 75px;
}
#top_login p.form_label {
	padding: 0 0 0 2px;
	margin: 0;
}
#login_username, #login_password {
	float: left;
}
#login_password {
	padding-left: 20px;
}
input.login_input {
	background: url(images/login_input.png) 0 0 no-repeat;
	color: #eee;
	border: none;
	outline: none;
	font-size: 12px;
	width: 134px;
	height: 16px;
	padding: 8px 8px 4px;
}
#login_button {
	background: url(images/loginbutton.png) no-repeat;
	width: 70px;
	height: 26px;
	border: none;
	padding: 0;
	margin: 6px 25px 0 0;
	cursor: pointer;
	float: right;
}
#reminder {
	padding: 12px 0 0 2px;
}
#reminder a {
	padding-right: 12px;
}
#top_login a:link, #top_login a:visited {
	color: #eee;
	font-weight: bold;
}
#top_login ul, #top_login ul li  {
	list-style: none;
	padding: 0;
	margin: 0;
}
#top_login ul li a.dot {
	background: url(images/list_arrow.png) 0 50% no-repeat;
	padding: 0 5px 0 10px;
}
#top_login ul li.greeting {
	font-size: 120%;
	padding: 4px 0;
	font-weight: bold;
}
p.ds_avatar {
	float: left;
	padding: 0 20px 0 10px;
	margin: 5px 0 0;
}
.ds_avatar img {
	width: 65px;
	height: 65px;
}
#toolbar {
	background: url(images/toolbar.png) 0 0 repeat-x;
	height: 50px;
}
#topnav {
	position: relative;
	height: 50px;
	z-index: 1000;
	padding: 0;
	margin: 0;
}
#topnav ul {
	margin: 0 0 0 5px;
	padding: 0;
}
#topnav li {
	float: left;
	margin: 0;
	padding: 0 0 0 2px;
	position: relative;
	list-style: none;
}
#topnav li a {
	display: block;
	line-height: 50px;
	padding: 0 12px;
	color: #bbb;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
}
#topnav li a.active {
	background: url(images/topnav_active2.png) 50% 50% no-repeat;
	color: #BBBBBB;
}
#topnav li a:hover, #topnav li:hover a, #topnav li.sfhover a {
	background: url(images/topnav_active.png) 50% 50% no-repeat;
	color: #BBBBBB;
	text-decoration: none;
}
#topnav li:hover li a, #topnav li ul li a:hover {
	color: #ddd;
	background: none;
}
#topnav li li {
	width: 200px;
	height: auto;
	padding: 0;
}
#topnav li li a, #topnav li li a:hover, #topnav li li a, #topnav a.active li a, #topnav li:hover li a, #topnav li.sfhover li a {
	background: none;
	height: 30px;
	line-height: 30px;
	margin: 0;
	font-weight: normal;
	text-transform: none;
	font-size: 12px;
	color: #777;
}
#topnav li ul {
	background: #1c1c1c;
	border: 1px solid #222;
	position: absolute;
	width: 200px;
	left: -999em;
	margin-left: -1px;
}
#topnav li ul ul {
	margin: -27px 0 0 195px;
}
#topnav ul li li:hover, #topnav ul li li.hover {
	position: static;
}
#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li.sfhover ul ul, #topnav li.sfhover ul ul ul {
	left: -999em;
}
#topnav li:hover ul, #topnav li.sfhover ul {
	left: 3px;
}
#topnav li li:hover ul, #topnav li li li:hover ul, #topnav li li.sfhover ul, #topnav li li li.sfhover ul {
	left: 0;
}
#search {
	float: right;
	margin: 4px 0 10px 0;
	height: 34px;
	width: 260px;
	background: url(images/searchbox.png) 0 0 no-repeat;
	overflow: hidden;
}
#search .inputbox {
	background: none;
	color: #bbb;
	padding: 7px;
	border: none;
	outline: none;
	margin: 4px 0 0 5px;
	width: 210px;
	height: 14px;
	font-size: 13px;
	font-family: Arial;
}
#time {
	padding: 13px 0 0 15px;
	color: #ceb54b;
	font-weight: bold;
}
#time span {
	color: #bbb;
	padding-right: 15px;
	font-weight: normal;
	text-transform: uppercase;
}
#main_content {
	background: #181818;
	border: 1px solid #1c1c1c;
	padding: 4px;
}
#footer {
	padding: 15px 10px;
	color: #7c7c7c;
}
#smf_copyright {
	float: left;
}
#ds_copyright {
	float: right;
	text-align: right;
}
#footer p {
	padding: 0;
	margin: 0;
}
#footer ul li {
	display: inline;
	padding-right: 5px;
}
#footer a:link, #footer a:visited {
	font-family: Arial, sans-serif;
	color: #5b5b5b;
}
#footer ul li.copyright {
	display: block;
}
.clr {
	clear: both;
}
/* a quick reset list class. */
ul.reset, ul.reset li
{
	padding: 0;
	margin: 0;
	list-style: none;
}

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
root    241

szulc:

Trochę chwila:

overal_header:

{META} 
{SITENAME} - {L_MCP} - {L_UCP} - {PAGE_TITLE}
  • {CURRENT_TIME} | {LAST_VISIT_DATE}
css:
* Set a fontsize that will look the same in all browsers. */ 
body 
{ 
    background: #101010 url(images/bg.png) 50% 0 no-repeat; 
    background-attachment: fixed; 
    font-family:Arial, Helvetica, sans-serif; 
    font-size:11px; 
    color:#CCCCCC; 
    margin: 0; 
    padding: 0; 
} 
/* This division wraps the entire forum when a forum width is set. */ 
#wrapper { 
    width: 965px; 
    margin: 0 auto; 
} 
/* The navigation list (i.e. linktree) */ 
.navigate_section 
{ 
    padding: 0.5em; 
    margin: 0; 
} 
.navigate_section ul 
{ 
    display: block; 
    margin: 0; 
    font-size: 0.9em; 
    padding: 0.5em 0; 
    overflow: hidden; 
    list-style: none; 
    clear: both; 
    width: 100%; 
} 
.navigate_section ul li 
{ 
    float: left; 
    padding: 0 0.5em 0 0; 
    font-size: 1em; 
    color:#CEB54B; 
} 
/* Name Styles */ 
.content_wrap { 
    background: url(images/trans_bg.png); 
    border: 1px solid #1c1c1c; 
    padding: 6px; 
    margin-top: 15px; 
} 
#header { 
    background: url(images/header_bg.png) 0 0 repeat-x; 
    height: 170px; 
} 
#logo a { 
    background: url(images/logo.png) 0 0 no-repeat; 
    width: 350px; 
    height: 170px; 
    display: block; 
    float: left; 
    margin-left: 20px; 
} 
#top_login { 
    background: url(images/site_login.png) 0 0 no-repeat; 
    float: right; 
    height: 100px; 
    width: 420px; 
    overflow: hidden; 
    color: #282828; 
} 
#login_form { 
    padding: 10px 0 0 75px; 
} 
#top_login p.form_label { 
    padding: 0 0 0 2px; 
    margin: 0; 
} 
#login_username, #login_password { 
    float: left; 
} 
#login_password { 
    padding-left: 20px; 
} 
input.login_input { 
    background: url(images/login_input.png) 0 0 no-repeat; 
    color: #eee; 
    border: none; 
    outline: none; 
    font-size: 12px; 
    width: 134px; 
    height: 16px; 
    padding: 8px 8px 4px; 
} 
#login_button { 
    background: url(images/loginbutton.png) no-repeat; 
    width: 70px; 
    height: 26px; 
    border: none; 
    padding: 0; 
    margin: 6px 25px 0 0; 
    cursor: pointer; 
    float: right; 
} 
#reminder { 
    padding: 12px 0 0 2px; 
} 
#reminder a { 
    padding-right: 12px; 
} 
#top_login a:link, #top_login a:visited { 
    color: #eee; 
    font-weight: bold; 
} 
#top_login ul, #top_login ul li  { 
    list-style: none; 
    padding: 0; 
    margin: 0; 
} 
#top_login ul li a.dot { 
    background: url(images/list_arrow.png) 0 50% no-repeat; 
    padding: 0 5px 0 10px; 
} 
#top_login ul li.greeting { 
    font-size: 120%; 
    padding: 4px 0; 
    font-weight: bold; 
} 
p.ds_avatar { 
    float: left; 
    padding: 0 20px 0 10px; 
    margin: 5px 0 0; 
} 
.ds_avatar img { 
    width: 65px; 
    height: 65px; 
} 
#toolbar { 
    background: url(images/toolbar.png) 0 0 repeat-x; 
    height: 50px; 
} 
#topnav { 
    position: relative; 
    height: 50px; 
    z-index: 1000; 
    padding: 0; 
    margin: 0; 
} 
#topnav ul { 
    margin: 0 0 0 5px; 
    padding: 0; 
} 
#topnav li { 
    float: left; 
    margin: 0; 
    padding: 0 0 0 2px; 
    position: relative; 
    list-style: none; 
} 
#topnav li a { 
    display: block; 
    line-height: 50px; 
    padding: 0 12px; 
    color: #bbb; 
    text-transform: uppercase; 
    font-size: 11px; 
    font-weight: bold; 
} 
#topnav li a.active { 
    background: url(images/topnav_active2.png) 50% 50% no-repeat; 
    color: #BBBBBB; 
} 
#topnav li a:hover, #topnav li:hover a, #topnav li.sfhover a { 
    background: url(images/topnav_active.png) 50% 50% no-repeat; 
    color: #BBBBBB; 
    text-decoration: none; 
} 
#topnav li:hover li a, #topnav li ul li a:hover { 
    color: #ddd; 
    background: none; 
} 
#topnav li li { 
    width: 200px; 
    height: auto; 
    padding: 0; 
} 
#topnav li li a, #topnav li li a:hover, #topnav li li a, #topnav a.active li a, #topnav li:hover li a, #topnav li.sfhover li a { 
    background: none; 
    height: 30px; 
    line-height: 30px; 
    margin: 0; 
    font-weight: normal; 
    text-transform: none; 
    font-size: 12px; 
    color: #777; 
} 
#topnav li ul { 
    background: #1c1c1c; 
    border: 1px solid #222; 
    position: absolute; 
    width: 200px; 
    left: -999em; 
    margin-left: -1px; 
} 
#topnav li ul ul { 
    margin: -27px 0 0 195px; 
} 
#topnav ul li li:hover, #topnav ul li li.hover { 
    position: static; 
} 
#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li.sfhover ul ul, #topnav li.sfhover ul ul ul { 
    left: -999em; 
} 
#topnav li:hover ul, #topnav li.sfhover ul { 
    left: 3px; 
} 
#topnav li li:hover ul, #topnav li li li:hover ul, #topnav li li.sfhover ul, #topnav li li li.sfhover ul { 
    left: 0; 
    padding-right: 15px; 
    font-weight: normal; 
    text-transform: uppercase; 
} 
#main_content { 
    background: #181818; 
    border: 1px solid #1c1c1c; 
    padding: 4px; 
} 
#footer { 
    padding: 15px 10px; 
    color: #7c7c7c; 
} 
#smf_copyright { 
    float: left; 
} 
#ds_copyright { 
    float: right; 
    text-align: right; 
} 
#footer p { 
    padding: 0; 
    margin: 0; 
} 
#footer ul li { 
    display: inline; 
    padding-right: 5px; 
} 
#footer a:link, #footer a:visited { 
    font-family: Arial, sans-serif; 
    color: #5b5b5b; 
} 
#footer ul li.copyright { 
    display: block; 
} 
.clr { 
    clear: both; 
} 
/* a quick reset list class. */ 
ul.reset, ul.reset li 
{ 
    padding: 0; 
    margin: 0; 
    list-style: none; 
} 
#panel{
  background:#000 repeat-x;
  width: 965px;
  height: 30px;
  margin: 0 auto;
} 
#panel a {
  margin-top: 0px;
  padding: 6px;
  float: left;
}

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
SzulC    417

miałęś dodać ten paneł co jest na obrazku a nie tylko strona główna i zarejestruj :)

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.

×