Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 7
Seite [1]
el_nappo


Beginner




Beiträge: 2
 # Thema - 21.01.2007 um 15:01 Uhr
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;
}


Zuletzt editiert von el_nappo am 04.02.2007 um 15:51 Uhr (5x Editiert)
Inaktiv
duRiel ClanSphere Team


Weltmeister




Herkunft: Cambridge
Beiträge: 7300
 # Antwort: 1 - 21.01.2007 um 15:12 Uhr
- 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 ..)


Zuletzt editiert von duRiel ClanSphere Team am 21.01.2007 um 15:12 Uhr (1x Editiert)
Inaktiv
|
el_nappo
Thread-Ersteller


Beginner




Beiträge: 2
 # Antwort: 2 - 24.01.2007 um 16:14 Uhr
hat noch jmd. ne idee für die anderen Probleme? thx

greetz el_nappo


Inaktiv
|
duRiel ClanSphere Team


Weltmeister




Herkunft: Cambridge
Beiträge: 7300
 # Antwort: 3 - 02.02.2007 um 23:54 Uhr
naja für den footer mittig gilt auch das, was ich geschrieben hab, margin: 0px auto;


Inaktiv
|
h4ze


Geekboy




Herkunft: Itzehoe
Beiträge: 1433
 # Antwort: 4 - 03.02.2007 um 13:41 Uhr
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"
Inaktiv
|
duRiel ClanSphere Team


Weltmeister




Herkunft: Cambridge
Beiträge: 7300
 # Antwort: 5 - 03.02.2007 um 14:23 Uhr
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


Inaktiv
|
h4ze


Geekboy




Herkunft: Itzehoe
Beiträge: 1433
 # Antwort: 6 - 03.02.2007 um 17:00 Uhr
sry duriel, hab ned alles gelesen ^^


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


Beginner




Beiträge: 2
 # Antwort: 7 - 04.02.2007 um 15:48 Uhr
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


Inaktiv
|
Antworten: 7
Seite [1]


Sie müssen sich registrieren, um zu antworten.