Demo

Give it a try
and play around
with ClanSphere Demo


Answers: 7
Page [1]
el_nappo


Beginner




Posts: 2
 # Thread - 2007-01-21 at 3:01 PM
hi,

ich bin gerade dabei mein Design an bxcp anzupassen hab aber noch einige schwierigkeiten. http://elnappo.team-genetics.de

- Wie bekomme ich den Header/Page ganz nach oben
- Wie bekomme ich die ganze Seite in die Mitte
- Wie bekomme ich den Foder in die Mitte unter die Page
- Wie bekomme ich es so hin das der background von z.B. News nicht aufhört sondern bis nach unten geht

so das wars erstma^^ vielen dank für eure Hilfe

greetz el_nappo

edit: die URL vergessen^^ http://elnappo.team-genetics.de

edit2: vlt. ist die index.htm noch hilfreich:


index.htm +-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>{func:title}</title>
<meta http-equiv="Content-Type" content="text/html; charset={func:charset}" />
<link href="bxcp.css" rel="stylesheet" type="text/css" />
<link rel="alternate" type="application/rss+xml" href="uploads/rss/news.xml" />
</head>
<body>
<div id="head"><img src="img/v3_02.gif" /><br /></div><div align=left><a href="index.php?mod=news&amp;action=recent&phpMyAdmin=a7d6a530ea7fe797a049ba44b388371f" ><img src="img/v3_05.gif" /></a><a href="index.php?mod=news&amp;action=recent&phpMyAdmin=a7d6a530ea7fe797a049ba44b388371f" ><img src="img/v3_06.gif" /></a><a href="index.php?mod=files&phpMyAdmin=a7d6a530ea7fe797a049ba44b388371f"><img src="img/v3_07.gif" /></a><a href="index.php?mod=gbook&phpMyAdmin=a7d6a530ea7fe797a049ba44b388371f"><img src="img/v3_08.gif" /></a><a href="index.php?mod=gbook&phpMyAdmin=a7d6a530ea7fe797a049ba44b388371f"><img src="img/v3_09.gif" /></a><br /><img src="img/v3_11.gif" /></div>
</div>
<div id="content">{func:show}</div>
<div id="nav-right">
<img src="img/v3_20.gif" alt="">
<div class="navbody2b">
<a href="index.php?mod=board&phpMyAdmin=a7d6a530ea7fe797a049ba44b388371f">Board</a> <br />
<a href="index.php?mod=search&phpMyAdmin=a7d6a530ea7fe797a049ba44b388371f">Search</a ><br />
<a href="index.php?mod=awards&phpMyAdmin=a7d6a530ea7fe797a049ba44b388371f">Awards</a ><br />
<a href="index.php?mod=links&action=listcat&id=3&phpMyAdmin=a7d6a530ea7fe797a049ba44b38 8371f">Links</a><br />
<a href="index.php?mod=articles&phpMyAdmin=a7d6a530ea7fe797a049ba44b388371f">Articles< /a><br />
<a href="index.php?mod=gallery&phpMyAdmin=a7d6a530ea7fe797a049ba44b388371f">Gallery< /a><br />
<a href="index.php?mod=contact&amp;action=mail&phpMyAdmin=a7d6a530ea7fe797a049ba44b388371f" >Mailus</a><br />
<a href="index.php?mod=contact&amp;action=imprint&phpMyAdmin=a7d6a530ea7fe797a049ba44b38837 1f">Imprint</a><br />
<a href="index.php?mod=bxcp&amp;action=about&phpMyAdmin=a7d6a530ea7fe797a049ba44b388371f" >About</a><br />
</ul><br />
</div>
<div id="navbody2b">
<div class="navhead2">Login</div>
<div class="navbody2b">{users:navlogin}</div><br />
<div class="navhead">Banners</div>
<div class="navbodyb">{banners:navlist}</div>
<div class="navhead2">Counter</div>
<div class="navbody2b">
<span style="float:right">{count:navone}</span>
<a href="index.php?mod=count&amp;action=online&phpMyAdmin=a7d6a530ea7fe797a049ba44b388371f" >Online</a><br />
<span style="float:right">{count:navday}</span>Heute<b r />
<span style="float:right">{count:navmon}</span>Monat<b r />
<span style="float:right">{count:navall}</span>
<a href="index.php?mod=count&amp;action=stats&phpMyAdmin=a7d6a530ea7fe797a049ba44b388371f" >Gesamt</a>
</div><br /></div>
<div id="bottom">{bxcp:navtime} - Load: {func:parse}ms - Queries: {func:queries}</div>
</body>
</html>

bxcp.css +-
/* $Id: bxcp.css 320 2006-09-12 01:45:49Z hajo $ */

body {
background-image: url('img/v3_17.gif');
color:#F2F2F2;
font-family:Arial,Helvetica,sans-serif;
font-size:9pt;
margin: 0px auto;
text-align:center;
float:center;
}
a:link, a:visited {
background-color:inherit;
color:#88C2F2;
text-decoration:none;
}
a:active, a:hover {
background-color:#225599;
color:#88C2F2;
text-decoration:none;
}
div,span {
background-color:inherit;
color:#E2E2E2;
font-family:Arial,Helvetica,sans-serif;
}
img {
border:0px;
}
form {
display:inline;
}
td {
background-color:inherit;
color:#F2F2F2;
font-size:9pt;
vertical-align:top;
}
textarea {
width:90%;
}
ul {
margin:0px;
}

#nav-left,#content,#bottom {
float:left;
margin:auto;
}

#nav-left {
width:760%;
float:left;
}
#nav-right {
background-image: url('img/v3_14.gif');
float:left;
width:180px;
}
#content {
background-image: url('img/v3_13.gif');
color:#222222;
text-align:center;
width:580px;
}
#bottom {
background-color:#172236;
float:center;
color:inherit;
margin: 0px auto;
padding:4px 0px 4px 0px;
width:760px;
-moz-border-radius:12px 12px 0px 0px;
}
#head {
background-color:#446688;
color:#F2F2F2;
font-size:30pt;
height:211px;
text-align:center;
width:760px;
-moz-border-radius:12px 12px 0px 0px;
}
#debug {
height:150px;
margin-bottom:20px;
overflow:auto;
padding-left:4px;
width:100%;
text-align:left;
}
#errors {
color:#CC0000;
}
#sql {
color:#777777;
}

.form {
background-color:#386282;
border:1px dotted #88BBF2;
color:#CCCCCC;
font-family:Arial,Helvetica,sans-serif;
font-size:9pt;
margin:2px;
padding-left:3px;
}
.forum {
background-color:inherit;
color:#E2E2E2;
margin:auto;
}
.headb {
background-color:#3366B2;
color:#F2F2F2;
font-weight:bold;
padding:4px;
text-align:left;
-moz-border-radius:12px 12px 0px 0px;
}
.bottom {
background-color:#224477;
color:inherit;
padding:4px 6px 4px 8px;
text-align:left;
}
.newshead {
background-color:#3366B2;
color:#F2F2F2;
font-size:12pt;
font-weight:bold;
padding:4px 6px 4px 8px;
text-align:left;
-moz-border-radius:12px 12px 0px 0px;
}
.left,.center,.right {
padding:1px;
}
.leftb,.centerb,.rightb {
background-color:#172236;
color:inherit;
padding:4px 6px 4px 8px;
}
.leftc,.centerc,.rightc {
background-color:#446688;
color:inherit;
padding:4px 6px 4px 8px;
}
.left,.leftb,.leftc {
text-align:left;
}
.center,.centerb,.centerc {
text-align:center;
}
.right,.rightb,.rightc {
text-align:right;
}
.quote {
background-color:#446688;
border:1px solid #88BBF2;
color:inherit;
padding:6px;
text-align:left;
}
.navhead,.navhead2 {
color:inherit;
font-weight:bold;
padding:4px;
text-align:center;
-moz-border-radius:12px 12px 0px 0px;
}
.navbodyb,.navbody2b {
background-image: url('img/v3_14.gif');
color:inherit;
list-style:none;
padding:4px 6px 4px 8px;
text-align:left;
}
.calhead {
background-color:#446688;
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:#172236;
color:inherit;
}
.calevent {
background-color:#385878;
color:inherit;
}
.caltoday {
background-color:#224477;
color:inherit;
}
.calweek {
background-color:#445566;
color:inherit;
}


Last edit by el_nappo at 2007-02-04 at 3:51 PM (5x Edited)
Inactive
duRiel ClanSphere Team


Weltmeister




Location: Cambridge
Posts: 7300
 # Answer: 1 - 2007-01-21 at 3:12 PM
- Wie bekomme ich den Header/Page ganz nach oben
- Wie bekomme ich die ganze Seite in die Mitte

-> in der css datei (bxcp.css) steht bei body folgendes: margin:20px;
--> mach daraus: margin: 0px auto;

- Wie bekomme ich es so hin das der background von z.B. News nicht aufhört sondern bis nach unten geht

-> würde navigation und content zusammen in einen div packen und diesem den background geben (ist zwar wenn mans genau nimmt nicht nach w3c empfehlung aber ..)


Last edit by duRiel ClanSphere Team at 2007-01-21 at 3:12 PM (1x Edited)
Inactive
|
el_nappo
Thread author


Beginner




Posts: 2
 # Answer: 2 - 2007-01-24 at 4:14 PM
hat noch jmd. ne idee für die anderen Probleme? thx

greetz el_nappo


Inactive
|
duRiel ClanSphere Team


Weltmeister




Location: Cambridge
Posts: 7300
 # Answer: 3 - 2007-02-02 at 11:54 PM
naja für den footer mittig gilt auch das, was ich geschrieben hab, margin: 0px auto;


Inactive
|
h4ze


Geekboy




Location: Itzehoe
Posts: 1433
 # Answer: 4 - 2007-02-03 at 1:41 PM
zu 4.:
mach nen div mit dem durchgehenden bg und setz da den content und den navi din rein. dann ist es immer gleich lang. anders gehts bei tableless layouting ned.


------------------
gembee.com - Upload your Life!
A Social Filesharing Network
"Wie YouTube, nur für alle Datei-Typen"
Inactive
|
duRiel ClanSphere Team


Weltmeister




Location: Cambridge
Posts: 7300
 # Answer: 5 - 2007-02-03 at 2:23 PM
03.02.2007 um 12:41 Uhr - h4ze:
zu 4.:
mach nen div mit dem durchgehenden bg und setz da den content und den navi din rein. dann ist es immer gleich lang. anders gehts bei tableless layouting ned.


21.01.2007 um 14:12 Uhr - duRiel:
-> würde navigation und content zusammen in einen div packen und diesem den background geben (ist zwar wenn mans genau nimmt nicht nach w3c empfehlung aber ..)


leichte überschneidung


Inactive
|
h4ze


Geekboy




Location: Itzehoe
Posts: 1433
 # Answer: 6 - 2007-02-03 at 5:00 PM
sry duriel, hab ned alles gelesen ^^


------------------
gembee.com - Upload your Life!
A Social Filesharing Network
"Wie YouTube, nur für alle Datei-Typen"
Inactive
|
el_nappo
Thread author


Beginner




Posts: 2
 # Answer: 7 - 2007-02-04 at 3:48 PM
ich hab jetzt bei body und bottom margin: 0px auto; reingemacht jetzt ist zwar der header oben aber es ist nichts mittig (das der fooder net mittig ist hat glaub ich was mit der index zu tun) :( und das mit nav und contetn in eine div hab ich jetz net so ganz vetstanden muss ich da acuh nochma ne neue bg grafik machen wo die nav au drin ist?
ich kenn mich leider noch net so mit den divs aus hab sonst immer mit tabbelen gearbeitet


Inactive
|
Answers: 7
Page [1]


You must be registered.