Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 2
Seite [1]
Sillium


Rock the board





Beiträge: 84
# Thema - 30.09.2009 um 12:58 Uhr
Hi,
ich bin schon ne Weile drüber aber finde nicht die Einstellung, mit der man die Felder "Login" "Nextwar" "LAstwar" usw. ein bischen nach links zu verschieben damit das nicht über den Seitenrand schaut. www.blackomegaclan.eu

Hab schon so gut wie alles in der clansphere.css und layout.css durch -.-

clansphere.css:

mehr... +-

/* $Id: clansphere.css 232 2006-08-19 16:07:22Z hajo $ */

img {
border:0px;
}
form {
display:inline;
}
td {
background-color:inherit;
color:#fff;
font-size:8pt;
border: 0px;
vertical-align:top;
}
textarea {
width:90%;
}
ul {
margin-left:15px;
}

input, textarea, select {
background-color:#fff;
border:1px groove #333333;
color:#000;
font-family:Verdana,Helvetica,sans-serif;
font-size:7pt;
margin:3px;
padding:2px;
}


#debug {
height:150px;
margin-bottom:20px;
overflow:auto;
padding-left:4px;
width:100%;
text-align:left;
}
#errors {
color:#880000;
}
#sql {
color:#333333;
}
.h1 {
color: #222222;
font-size: 14pt;
font-weight: bold;
text-decoration: none;
}
.h2 {
color: #222222;
font-size: 16pt;
font-weight: normal;
text-decoration: none;
}
.h3 {
color: #222222;
font-size: 20pt;
font-weight: normal;
text-decoration: none;
}
.form {
background-color:#ffffff;
border:1px solid #555555;
color:#000000;
font-family:Verdana,Helvetica,sans-serif;
font-size:8pt;
margin:2px;
padding-left:3px;
}

.forum {
background-color:#000;
color:inherit;
margin:auto;
border:0px solid #333;
border-collapse:separate;
border-spacing:1px;
}
.headb {
background-image: url('images/head_bg.jpg');
color:#fff;
font-size:9pt;
font-weight:bold;
padding:4px 6px 4px 8px;
text-align:left;
}
.bottom {
background-color:#333;
color:#fff;
padding:4px 6px 4px 8px;
text-align:left;
}
.newshead {
background-image: url('images/head_bg.jpg');
color:#fff;
font-size:9pt;
font-weight:bold;
padding:4px 6px 4px 8px;
text-align:left;
}
.left,.center,.right {
padding:0px;
}
.left, .center, .right {
padding:0px;
}
.leftb, .centerb, .rightb {
background-color:#232323;
color:inherit;
padding:4px 6px 4px 8px;
}
.leftc, .centerc, .rightc {
background-color:#232323;
color:inherit;
padding:4px 6px 4px 8px;
}
.center,.centerb,.centerc {
text-align:center;
}
.right,.rightb,.rightc {
text-align:right;
}
.quote {
background-color:#9E9E9E;
color:inherit;
padding:6px;
text-align:left;
}
.navhead,.navhead2 {
background-color:#444488;
border:solid #000000;
color:#F2F2F2;
font-weight:bold;
padding:4px;
text-align:center;
}
.navbodyb,.navbody2b {
background-color:#8B8B8B;
border:1px solid #000000;
color:inherit;
list-style:none;
padding:4px 6px 4px 8px;
text-align:left;
}
.calhead {
background-image: url('images/head_bg.jpg');
color:inherit;
padding:4px 2px 4px 2px;
text-align:center;
}
.calday,.calevent,.caltoday, .calweek {
padding:4px 2px 4px 2px;
text-align:right;
}
.calday {
background-color:#333;
color:inherit;
}
.calevent {
background-color:#F91515;
color:inherit;
}
.caltoday {
background-color:#7B7A7A;
color:inherit;
}
.calweek {
background-image: url('images/head_bg.jpg');
color:inherit;
}



layout.css:

mehr... +-
* {
padding: 0px;
margin: 0px;
}

body {
background: #333333 url(images/master-bg.jpg) repeat-x top left;
font-size: 10px;
font-family: "Tahoma", Verdana, Arial, Helvetica;
color: #FFFFFF;
}

a:link {
color: #ffffff;
text-decoration: none;
}

a:visited {
color: #ffffff;
text-decoration: none;
}
a:hover {
color: #ffffff;
text-decoration: none;

}
#center {
text-align:center;
}
#main {
width: 980px;
}
#banner {
background-image: url('images/banner.jpg');
width: 980px;
height: 190px;
float: left;

}
#underbanner {
background-image: url('images/underbanner.jpg');
width: 950px;
height: 19px;
text-align: right;
padding: 15px 9px 0px 20px;
float: left;
}
#content_head {
background-image: url('images/content_head.jpg');
width: 980px;
height: 30px;
float: left;
}
#main_inner {
background-image: url('images/main_back.jpg');
background-repeat: repeat-y;
width: 980px;
float: left;
margin:0px;
}
#centrum {
width 640px;
height 50px;
padding: 0px 0px 0px 70px;
float: left;
}
#left2 {
width: 143px;
padding: 0px 9px 0px 6px;
float: left;
}
#content {
width: 640px;
padding: 0px 0px 0px 11px;
_padding: 0px 0px 0px 5px;
float: left;
margin:0px;
}
#right2 {
width: 133px;
padding: 0px 0px 0px 16px;
float: left;
}
#footer {
background-image: url('images/footer.jpg');
width: 980px;
height: 38px;
float: left;
}
.head_button_left {
background-image: url('images/head_button_left.jpg');
width: 156px;
height: 26px;
padding: 3px 0px 0px 0px;
color: #FFFFFF;
font-weight: bold;
float: left;


}
.button_left {
background-image: url('images/button_left.jpg');
width: 138px;
height: 20px;
padding: 4px 0px 0px 15px;
text-align: left;
font-size: 11px;
float: left;
overflow:hidden;
}

.button {
display:block;
width: 156px;
height: 19px;
font-weight: bold;
}

.head_button_right {
background-image: url('images/head_button_right.jpg');
width: 149px;
height: 26px;
padding: 3px 0px 0px 0px;
color: #000;
font-weight: bold;
float: left;
}
.inner_frame {
width: 139px;
padding: 5px 5px 5px 5px;
float: left;
}

.inner_frame_l {
width: 139px;
align: left;
padding: 5px 5px 5px 5px;
float: left;
}
.button_left:hover {
background-image: url(images/button_left.gif);
color: #FFFFFF;
font-size: 11px;
}
.calevent a {
color: #FFF;
}
.calevent a:hover {
color: #FE1B1B;
}


Kann mir jemand sagen wie ich das ändere?


------------------
mfg
Jörg aka Sillium




Zuletzt editiert von Sillium am 30.09.2009 um 12:59 Uhr (1x Editiert)
Inaktiv
Warlon


Try to beat me





Beiträge: 190
# Antwort: 1 - 30.09.2009 um 13:40 Uhr
In deiner layout.css findest du die ID-Definition:
#right2 {
width: 133px;
padding: 0px 0px 0px 16px;
float: left;
}

Verringere bei padding den letzten Wert.

Zur Erklärung:
padding = Innenabstand
1. Wert = oben
2. Wert = rechts
3. Wert = unten
4. Wert = links

Weitere Erlärungen findest du hier.

Hoffe das hilft dir weiter.

MfG Warlon


------------------


Inaktiv
|
Sillium
Thread-Ersteller


Rock the board





Beiträge: 84
# Antwort: 2 - 30.09.2009 um 15:40 Uhr
Thank,
Hab daran zwar auch schon rumgeschraubt aber war beim ersten mal keine Veränderung und deswegen dacht ich, dass das was anderes wär


------------------
mfg
Jörg aka Sillium




Inaktiv
|
Antworten: 2
Seite [1]


Sie müssen sich registrieren, um zu antworten.