Windows Gęsior AAC new column

[Kacperski]

Greetings.

I have an easy (not for me) problem. Simply, how to add new column on the right, as it is on the left? It just need to include login (screen 2.).


Here is my layout:

Screen 2.

Thanks!

 

[Ninja]

div and css code. View Hexana's source code.

 

[Kacperski]

thanks

 

[Kacperski]

Oh god, I can't think of any solution at all, can anybody help? By help, I mean not telling me that it is div.. I may be a bit rude, but I really need to get it done. :/


Refresh, by the way

 

[Gabriel Tibiano]

lazy please?

 

[Kacperski]

Are you fuc**ng kidding me?

I just do not have a smallest clue, how to do that. I'm totally green at this kinda business, and you're telling me I'm lazy? Christ sake..

 

[Ninja]

As I wrote earlier. Look at Hexana's source

 

[Kacperski]

I might be an idiot. I'm not actually trying to hide it, but... that's what I get though...

As I said, I have no clue

 

[Ninja]

You're missing the images and CSS codes?

 

[Kacperski]

Perhaps, you could tell me how to fix the CSS codes? Images isn't that hard, but I have no clue what are CSS

 

[Gabriel Tibiano]

try to find your divs at this code

.css

/* LAYOUT */

@import url('/style/100000.php');

#page {
margin:0 auto;
width:1002px;
}

#header {
#background:url("/images/layout/header_bg.jpg") no-repeat scroll center top #000000;
display:block;
width:100%;
height:250px;
}

#cnt-container {
#background:url("/images/layout/content_bg.jpg") no-repeat scroll center top #000000;
background-color: #000000;
width:1002px;
text-align:left;
}

#cnt-left {
float:left;
width:181px;
margin:0;
padding:0;
}

#cnt-center {
float:left;
width:639px;
margin:0;
padding:0;
}

#cnt-right {
float:left;
width:181px;
margin:0;
padding:0;
text-align:center;
}

.content-bg {
background:url("/images/layout/cnt-bg.png") repeat-y scroll 0 0 transparent;
margin-bottom:8px;
}

.content-top {
display:block;
width:639px;
height:38px;
background:url("/images/layout/cnt-top.png") no-repeat scroll center top transparent;
}

.content-bot {
display:block;
width:639px;
height:38px;
background:url("/images/layout/cnt-bot.png") no-repeat scroll center bottom transparent;
}

.content-txt {
margin:0 auto;
width:569px;
}

#cnt-box2 {
clear:both;
margin-top:40px;
width:1002px;
text-align:center;
color:#fff;
}

/* MENU */

ul {
list-style:none outside none;
margin:0;
padding:0;
}

#menu {
float:left;
font-size:12px;
font-weight:bold;
text-align:justify;
}

#menu-top {
background:url("/images/layout/nav-top.png") no-repeat scroll 0 0 transparent;
color:#CCCCCC;
float:left;
height:28px;
padding-left:20px;
padding-top:12px;
width:161px;
}

#icon-news, #icon-account, #icon-community, #icon-library, #icon-shop, #icon-highscores, #icon-towns, #icon-pvp {
width:32px;
height:32px;
float:left;
margin:-10px 5px 0 2px;
}

#icon-news { background:url("/images/layout/news.gif") no-repeat scroll 0 0 transparent; }
#icon-account { background:url("/images/layout/account.gif") no-repeat scroll 0 0 transparent; }
#icon-community { background:url("/images/layout/community.gif") no-repeat scroll 0 0 transparent; }
#icon-library { background:url("/images/layout/library.gif") no-repeat scroll 0 0 transparent; }
#icon-shop { background:url("/images/layout/shop.gif") no-repeat scroll 0 0 transparent; }
#icon-highscores { background:url("/images/layout/highscores.gif") no-repeat scroll 0 0 transparent; }
#icon-towns { background:url("/images/layout/map.gif") no-repeat scroll 0 0 transparent; }
#icon-pvp { background:url("/images/layout/pvp.gif") no-repeat scroll 0 0 transparent; }

#menu-bottom {
background:url("/images/layout/nav-bottom.png") no-repeat scroll 0 0 transparent;
color:#CCCCCC;
float:left;
height:25px;
padding-left:20px;
padding-top:15px;
width:161px;
}

.menu-cnt {
background:url("/images/layout/chains.gif") repeat-y scroll 5px 0 transparent;
float:left;
width:178px;
}

#menu li, #right_links li {
background:url("/images/layout/menu-li-bg.png") no-repeat scroll 20px bottom transparent;
display:block;
padding:4px 0 0 20px;
width:155px;
text-align: left;
}

#menu .last, #right_links .last {
margin-bottom:4px;
}

#menu li a, #right_links li a {
color:#2eb9d7;
display:block;
padding:1px 0;
text-decoration:none;
width:100%;
}

#menu li a:hover, #right_links li a:hover {
color:#DDDDDD;
}


/* right */

#head-login {
	width:181px;
	height:55px;
	background:url("/images/layout/header-login.png") no-repeat scroll bottom transparent;
	text-align:center;
	line-height:55px;
	color:#ddd;
	font-weight:bold;
}

#head-scores, #head-facebook, #head-lang {
	width:181px;
	height:42px;
	background:url("/images/layout/header-right.png") no-repeat scroll bottom transparent;
	text-align:center;
	line-height:42px;
	color:#ddd;
	font-weight:bold;
}

.right-cnt {	
	background:url("/images/layout/right-cnt.png") repeat-y top center transparent;
	color: white;
	padding:10px;
}

.right-bottom {
	width:181px;
	height:15px;
	background:url("/images/layout/right-bottom.png") no-repeat scroll bottom transparent;
}

.side_login {
	width:120px;
	height:22px;
	background:url("/images/layout/login.gif") no-repeat scroll transparent;
	border:0;
	line-height:22px;
	padding:0 3px;
	color:#fff;
	margin:0 0 3px 5px;
}


/* TYPOGRAPHY */

body {
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
}

a {
color:#004294;
font-weight:bold;
text-decoration:none;
}

a:hover {
color:#0063dc;
text-decoration:none;
}

.stats-box {
font-size:15px;
text-align:center;
}

.start_info, .font_ref {
color:#6d0202;
font-size:20px;
font-weight:bold;
}

/* #f9fcc4 */
#lang-box {
border: 1px solid #4a7787;
padding:4px;
background-color:#E6E8C7;
}

#lang-box img {
border:1px solid black;
}

.white {
color:#FFFFFF;
}

.whites {
color:#FFFFFF;
}

.font_red {
color:red;
}

.font_green {
color:green;
}

.font_lightgreen {
color:#50d508;
}

.font_yellow {
color:#e4e711;
}

.bold {
font-weight:bold;
}

.pageheader  {
background-image:url("/images/layout/newsheadline_background.gif");
background-repeat:repeat-x;
color:#fff;
margin:0px 0px 15px 0px;
padding:5px;
text-align:left;
font-weight:bold;
}

.news {
text-align: justify; 
margin: 0px 3px;
}

.blinking {
text-decoration: blink;
}

h2 {
display:block;
font-size:18px;
font-weight:bold;
margin:20px auto;
}

a.button_bg, input.button_bg {
display:block;
width:135px;
height:25px;
background:url(/images/layout/button_bg.gif) no-repeat center center;
padding: 0px;
}

a:hover.button_bg, input.button_bg-hover {
background:url(/images/layout/button_bg_hover.gif) no-repeat center center;
}

font#offline { font-size: 26px; } 
font#online { font-size: 26px; color: #008000; }

a img {
border:0;
}

/* TABLES #91a5ac*/
.CaptionInnerContainer {
padding:0;
margin:0;
width:569px;
background-color: #F1E0C6;
}

.error_bg 
{
	bakckground-color: #F1E0C6
}

.CaptionEdgeLeftTop {
height:5px;
width:5px;
background-image:url("/images/layout/CaptionEdge_01.gif");
background-repeat:no-repeat;
}

.CaptionBorderTop {
height:5px;
width:559px;
background-image:url("/images/layout/CaptionEdge_02.gif");
background-repeat:repeat-x;
}

.CaptionEdgeRightTop {
height:5px;
width:5px;
background-image:url("/images/layout/CaptionEdge_03.gif");
background-repeat:no-repeat;
}

.CaptionVerticalLeft {
height:100%;
width:5px;
background-image:url("/images/layout/CaptionEdge_04.gif");
background-repeat:repeat-y;
}

.Text {
font-weight:bold;
background-image:url("/images/layout/newsheadline_background.gif");
background-repeat:repeat-x;
color:#fff;
padding:5px;
}

.CaptionVerticalRight {
height:100%;
width:5px;
background-image:url("/images/layout/CaptionEdge_06.gif");
background-repeat:repeat-y;
}

.CaptionEdgeLeftBottom {
height:5px;
width:5px;
background-image:url("/images/layout/CaptionEdge_07.gif");
background-repeat:no-repeat;
}

.CaptionBorderBottom {
height:5px;
width:559px;
background-image:url("/images/layout/CaptionEdge_08.gif");
background-repeat:repeat-x;
}

.CaptionEdgeRightBottom {
height:5px;
width:5px;
background-image:url("/images/layout/CaptionEdge_09.gif");
background-repeat:no-repeat;
}

.Table1 {
background-color:#c3c9a9;
border:2px solid #55636C;
padding:;
width:567px;
margin-left:1px;
margin-top:-1px;
}

.pad3px {
padding:3px;
}

.Table1 td {
padding:3px;
}

.input-title {
font-weight:bold;
width:110px;
padding:5px;
}

.submit_button  {
background:none repeat scroll 0 0 transparent;
border:0 none;
margin:0;
padding:0;
width:120px;
}

.submit_button:hover {
	cursor: pointer;
}

/*========================================*/

.online {
border-spacing:1px;
width:100%;
font-size:12px;
}

.online thead {
	background-image:url("/images/layout/newsheadline_background.gif");
	background-repeat:repeat-x;
	
	background-color:#1c565a;
	color:white;
	font-weight:bold;
	text-align:left;
}

.thead_subtitle {
background-image:url("/images/layout/newsheadline_background.gif");
background-repeat:repeat-x;
color:white;
font-weight:bold;
text-align:center;
}

.thead_subtitle a {
    color: white;
}

.thead_subtitle a:hover {
    color: #FFAE4F;
}

.thead_subtitle_bg {
    color:white;
    font-weight:bold;
    text-align:center;
    background-color: #D8DCC7;
}

.online th {
	text-align: center;
}

.online td, .online th {
padding:4px;
}

.online_bg1 {
	background-color:#F1E0C6;
}

.online_bg2 {
	background-color:#D4C0A1;
}

.wars_score {
font-size:25px;
}

.war_row td, .war_row th {
padding:8px 5px;
}

.war_logo {
font-size:10px;
text-align:center;
vertical-align:middle;
}

.manager_table {
border:1px solid #5F4D41;
border-spacing:2px;
}

.manager_table th {
padding-left:5px;
text-align:left;
}

.rules {
	width: 530px;
	height: 300px;
	padding: 2px;
	margin: 0px;
}

.register tbody th {
	width: 175px;
}

/* Deadman walking? */

.middle {
	text-align:center;
}

.center {
	margin: 0 auto;
	text-align: center;
}

.top {
	vertical-align: top;
}

.w230 {
	width: 230px;
}

.outfit {
	margin: 0 auto;
	border-spacing: 1px;
	border-collapse: separate;
	width: 100%;
}

.outfit td, .outfit th
{
	background-color: #DFC499;
	padding: 3px;
}

#outfity_cent td { text-align: center; font-weight: bold; width: 50% }
#outfity #out_img {width: 150px; text-align: center; padding: 0px; margin: 0px }
#outfity #out_wym {vertical-align:top}
#outfity #title {padding-left: 15px;font-weight: bold}

/* Left for Dead! 

(+_+)    &&
 \|/  +-[__]
 / \     \ \

*/

.error {
	font-weight:bold;
	background-color:#BFAC8F;
	padding:5px;
}

.errorleft {
padding-left:70px;
background:url(/images/layout/attention.gif) 20px center no-repeat;
min-height: 40px;
vertical-align: middle;
}

.errorright {
line-height:20px;
color:black;
font-weight:normal;
padding-right: 20px;
vertical-align: middle;
}

.countdown td {
	width: 200px;
	font-size: 25px;
	font-weight: bold;
	color: black;
}

.border{
	border: 1px solid black;
}

.countrieshs td {
    line-height: 18px;
    vertical-align: middle;
	text-align: center;
}

.countrieshs td img{
vertical-align: middle; 
      
}

a.tooltip{
    position:relative;
    z-index:24; 
    text-decoration:none
}

a.tooltip:hover{z-index:25}

a.tooltip span{display: none}

a.tooltip:hover span{
    display:block;
    position:absolute;
    top:1em; left:1em; 

    border:1px solid black;
    background-color:#0F0F0F; 
	color:white;
	width: 150px;
	font-size: 13px;
	font-family: tahoma;
	font-weight: normal;
	padding: 10px;
    text-align: center
}

#minimap {
    width: 177px;
    height: 165px;
    margin: 0px;
    padding: 1px;
}

#highest_bidder {
	border: 1px solid black;
	width: 90%;
	padding: 5px;
	text-align: center;
	margin: 0 auto;
	background-color: #E6EFBA;
}

#ajax_auction_msg {
	border: 1px solid black;
	background-color: #FFE25F;
	padding: 12px;
	margin: 30px auto;
	text-align: center;
	width: 80%;
	font-size: 22px;
	color: black;
}

#highscore_page {
	border: 1px solid black;
	padding: 3px 5px;
	margin: 0px 2px;
	background-color: #CFD39A;
	color: black;
	font-size: 12px;
}

#highscore_page:hover {
	background-color: #DFE2B3;
}

.justify {
	text-align: justify;
}

#zaypay_iframe {
	width: 550px; height: 350px; border: 0px; margin: 0 auto
}

 

[Kacperski]

This is how my code look's like :F

body
{
	background: #000000 url(images/bg.png);
	font-family: Verna, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #562200;
	padding: 0px;
	margin: 0px;
}

#page
{
	margin: auto;
	width: 1000px;
}

#logo-art
{
	background: url(images/logo.jpg) no-repeat top;
	float: left;
}

#logo-box
{
	width: 1000px;
	height: 320px;
	float: center;
}

#logo
{
	width: 1000px;
	height: 200px;
	margin: auto;
}

/*
===============
* Content Container *
===============
*/
#cnt-box
{
	width: 1000px;
	float: left;
}

#RightArtwork 
{
  text-align: left;
	float: left;
  top: -1px;
  right: 24px;
  width: 132px;
  background-repeat: no-repeat;
  z-index: 90;
}

#PedestalAndOnline 
{
	float: left;
  top: -105px;
  width: 132px;
  height: 111px;
}

#RightArtwork #PlayersOnline
{
  font-family : Verdana, Arial, Times New Roman, sans-serif;
  font-size: 7pt;
  line-height: 8pt;
  text-align: center;
  float: left;
  width: 92px;
  bottom: 11px;
  left: 21px;
  color: #cfa600;
  border-bottom: 1px solid #010101;
  cursor: pointer;
}

#cnt-box2
{
	width: 1000px;
	float: left;
}


	#cnt-container
	{
		width: 1058px;
		margin: auto;
	}
	
	#cnt-left
	{
		width: 188px;
		float: left;
	}
	
	#cnt-right
	{
		width: 188px;
		float: left;
	}
	
	#cnt-center
	{
		width: 682px;
		float: left;
	}
	
/*
=============
* Menu Container
=============
*/

ul
{
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#menu
{
	font-size: 12px;
	font-weight: bold;
	text-align: justify;
	float: left;
}

#menu-status
{
	width: 181px;
	height: 59px;
	background: url(images/down_btn.gif) no-repeat;
	float: left;
	font-size: 12px;
	color: #BAA28F;

	padding-top: 4px;
}

#menu-regi
{
	width: 181px;
	height: 30px;
	background: url(images/regi.gif) no-repeat;
	float: left;
	padding-top: 12px;
	padding-left: 22px;
	padding-bottom: 3px;
}

#menu-dol
{
	width: 181px;
	height: 15px;
	background: url(images/menu_dol.png) no-repeat;
	float: left;
	font-family: martel;
	font-size: 15px;
	color: #FFFFFF;
	padding-left: 20px;
}

#latest
{
	width: 181px;
	height: 50px;
	background: url(images/latestnews.png) no-repeat;
	float: left;
	color: #FFFFFF;
	padding-left: 20px;
}


#community
{
	width: 181px;
	height: 50px;
	background: url(images/community.png) no-repeat;
	float: left;
	color: #FFFFFF;
	padding-top: 3px;
	padding-left: 20px;
}

#account
{
	width: 181px;
	height: 50px;
	background: url(images/account.png) no-repeat;
	float: left;
	color: #FFFFFF;
	padding-top: 3px;
	padding-left: 20px;
}

#library
{
	width: 181px;
	height: 50px;
	background: url(images/library.png) no-repeat;
	float: left;
	color: #FFFFFF;
	padding-top: 3px;
	padding-left: 20px;
}

#smsshop
{
	width: 181px;
	height: 50px;
	background: url(images/smsshop.png) no-repeat;
	float: left;
	color: #FFFFFF;
	padding-top: 3px;
	padding-left: 20px;
}

#menu-cnt
{
	width: 181px;
	font-size: 12px;
	color: #bea963;
	float: left;
	background: url(images/menu_przejscie_L.png);
}

#menu li {
	padding: 0px 5px 5px 7px;
}

#menu li li {
	padding: 2px 0px 4px 14px;
	background: url(images/zmiana.png) no-repeat 15px bottom;
	display: block;
	width: 100%;
}

#menu li li a {
	color: #bea963;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	display: block;
	width: 100%;
}

#menu li li a {
	color: #bea963;
	padding: 3px 0px 0px 0px;
	text-decoration: none;
	display: block;
	width: 100%;
	background: url(images/pointer.png) no-repeat 135px 7px;
}

#menu li li a:hover {
	color: #FFFFFF;
}


/*
===========
* Content
===========
*/

#content-cnt
{
	width: 682px;
	float: left;
}

#content-bg
{
	background: url(images/cnt-bg.png) repeat-y;
}

#content-top
{
	background: url(images/cnt-top.png) no-repeat top;
}

#content-bot
{
	background: url(images/cnt-bot.png) no-repeat bottom;
	padding: 30px;
}

a
{
	color: #0033CC;
	font-weight: bold;
	text-decoration: none;
}

a:hover
{
	color: #0033FF;
	text-decoration: none;
}

.white
{
	color: #FFF;
}

.whites
{
	color: #FFF;
}

 

[Gabriel Tibiano]

dude, if you want to code theese things, you should know the basic about css/html

 

[Kacperski]

I was hoping that you could help me out, guys
I know html, but not css :/

 

[Kacperski]

bump

 

[Kacperski]

bump

 

[Ninja]

You've got the HTML & CSS. Shouldn't be a problem to fix?