Jump to content
SzulC

Dodanie panelu u góry 1game

Recommended Posts

SzulC

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

A ma Tak wyglądac :)

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}






























Share this post


Link to post
Share on other sites
SzulC
Posted Original Poster

to znaczy gdzie to css jest

Share this post


Link to post
Share on other sites
root

szulc:

M4c13K: lepiej tak, no overal_header + 1game.css : D

Share this post


Link to post
Share on other sites
SzulC
Posted Original Poster

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;

}


Share this post


Link to post
Share on other sites
root

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;

}

Share this post


Link to post
Share on other sites
SzulC
Posted Original Poster

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

Share this post


Link to post
Share on other sites
root

szulc:

Chyba nie da się i co dalej, wyślij pw.

Share this post


Link to post
Share on other sites
SzulC
Posted Original Poster

nie kumam ale dobra

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.
×
×
  • Create New...