Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 5
Seite [1]
coolcat


King for a day



Herkunft: Buchholz in der Nordheide
Beiträge: 252
 # Thema - 10.03.2009 um 17:40 Uhr
Hiho Community,

ich habe schon die SuFu benutzt aber kein zufriedenstellendes Thema gefunden, daher probier ich einfach mal mein Glück.

Problembeschreibung:

Ich habe bei uns auf der Page (eigentlich fast Standart bei den Templates)das Loginfeld auf der rechten Seite oben (sie Screen1).

Ich würde aber gerne das Login in einer schmalen Leiste oberhalb des Banners haben, wo dann (nach dem Login) die Felder "Home" "nachrichten" "einstellungen" (Bei Webadmins auch Verwaltung und System) nach dem Login in der Leiste nebeneinander stehen. (siehe Screen2 als Beispiel)

Wie ich die Sachen in der Index platziere habe ich schon rausgefunden und erledigt (bzw wieder rausgemacht damit es den Betrieb net stört^^).

Frage : wie bekomme ich das nun hin das

a) Die Loginfelder "nebeneinander" stehen?

b) Die nachfolgenden Links (system,Verwaltung etc) nach dem Login auch nebeneinander in der Spalte stehen?

Ich finde einfach net die Dateien wo Ich das ändern muss

P.s.

Als Anhang schicke ich mal meine Layout.css mit hier ran


layout.css +-
* {
padding: 0px;
margin: 0px;
}
.last_wars {
height: 85px;
width: 290px;
float: right;
text-align: left;
padding: 5px 20px 0px 5px;
line-height: 190%;
}
.last_news {
height: 85px;
width: 305px;
float: left;
padding: 5px 0px 0px 20px;
text-align: left;
line-height: 185%;
}
.leiste_anfang {
height: 14px;
width: 45px;
float: left;
padding: 2px 0px 0px 30px;
text-align: center;
font-weight: bolder;
color: #f8ad0b;
font-size: 10px;
background-image: url(Bilder/leiste_anfang.gif);
}
.leiste_anfang:hover {
height: 14px;
width: 45px;
float: left;
padding: 2px 0px 0px 30px;
text-align: center;
font-weight: bolder;
color: #f8ad0b;
font-size: 10px;
background-image: url(Bilder/anfang_hover.gif);
}
.leiste_mitte {
height: 14px;
width: 50px;
float: left;
padding: 2px 0px 0px 12px;
text-align: center;
background-image: url(Bilder/leiste_mitte.gif);
font-size: 9px;
font-weight: bolder;
color: #f8ad0b;
}
.leiste_mitte:hover {
height: 14px;
width: 50px;
float: left;
padding: 2px 0px 0px 12px;
text-align: center;
background-image: url(Bilder/mitte_hover.gif);
font-size: 9px;
font-weight: bolder;
color: #f8ad0b;
}
.leiste_ende {
height: 16px;
width: 14px;
float: left;
padding: 0px 0px 0px 0px;
text-align: left;
font-weight: bolder;
color: #f8ad0b;
font-size: 10px;
background-image: url(Bilder/leiste_ende.gif);
}
.leiste_ende:hover {
height: 16px;
width: 14px;
float: left;
padding: 0px 0px 0px 0px;
text-align: left;
font-weight: bolder;
color: #f8ad0b;
font-size: 10px;
background-image: url(Bilder/ende_hover.gif);
}
#ticker {
overflow: hidden;
position: absolute;
height: 51px;
top: 313px;
left: 191px;
width: 616px;
}

body {
background: #333333 url(Bilder/bg.jpg) repeat-x top left;
background-attachment:fixed;
font-size: 11px;
font-family: "Tahoma", Verdana, Arial, Helvetica;
color: #666666;
}
a:link {
color: #559FFF;
text-decoration: none;
}
a:visited {
color: #559FFF;
text-decoration: none;
}
a:hover {
color: #2A7FFF;
text-decoration: none;
}
#main {
width: 1001px;
}
#banner {
background-image: url(Bilder/Header.gif);
width: 1001px;
height: 193px;
float: left;
}
#main_inner {
background-image: url(Bilder/main_bg.gif);
background-repeat: repeat-y;
width: 1001px;
float: left;
}
#left2 {
width: 173px;
padding: 0px 0px 0px 0px;
float: left;
}
#content {
width: 647px;
padding: 0px 0px 0px 0px;
float: left;
margin:0px;
}
#lastwars {
width: 324px;
padding: 0px 0px 0px 0px;
float: left;
margin:0px;
background-image: url(Bilder/last%20wars.gif);
height: 111px;
}
#lastnews {
width: 647px;
padding: 0px 0px 0px 0px;
float: left;
margin:0px;
background-image: url(Bilder/last_bg.gif);
height: 111px;
}
#server {
width: 598px;
padding: 0px 0px 0px 0px;
float: left;
margin:25px;
background-image: url(http://www.my-spade.com/pictures/banner2.gif);
height: 60px;
}
.content {
width: 647px;
padding: 20px 0px 0px 0px;
float: left;
margin:0px;
}
.ticker_bg {
width: 647px;
padding: 0px 0px 0px 0px;
float: left;
margin:0px;
background-image: url(Bilder/ticker_bg.gif);
height: 64px;
}

.ticker {
width: 607px;
padding: 25px 20px 20px 20px;
float: left;
margin:0px;
height: 12px;
}
#last_box {
width: 647px;
padding: 0px 0px 0px 0px;
float: left;
margin:0px;
height: 111px;
}
#right2 {
width: 180px;
padding: 0px 0px 0px 0px;
float: right;
}
#footer {
background-image: url(Bilder/footer.jpg);
width: 1001px;
height: 53px;
float: left;
}
.head_button_left {
background-image: url(Bilder/navi2.gif);
width: 163px;
height: 40px;
padding: 25px 0px 0px 10px;
color: #555F55;
font-weight: bold;
float: left;
}

.head_box_left {
background-image: url(Bilder/box_links_1.gif);
width: 173px;
height: 20px;
padding: 5px 0px 0px 0px;
color: #559FFF;
font-weight: bold;
float: left;
}
.footer_box_left {
background-image: url(Bilder/box_links_3.gif);
width: 173px;
height: 6px;
padding: 0px 0px 0px 0px;
color: #000066;
font-weight: bold;
float: left;
}
.head_button_left1 {
width: 163px;
height: 38px;
padding: 5px 0px 0px 10px;
color: #555F55;
font-weight: bold;
float: left;
background-image: url(Bilder/navi_1.gif);
}
.button_left {
width: 138px;
height: 15px;
padding: 5px 0px 0px 35px;
text-align: left;
font-size: 9px;
overflow:hidden;
float: left;
background-image: url(Bilder/button.gif);
}
.button_left:hover {
width: 138px;
height: 15px;
padding: 5px 0px 0px 35px;
text-align: left;
font-size: 9px;
overflow:hidden;
float: left;
background-image: url(Bilder/button_hover.gif);
}

.button {
display:block;
width: 128px;
height: 18px;
font-weight: bold;
}

.head_button_right {
background-image: url(Bilder/box_rechts_1a.gif);
width: 162px;
height: 18px;
padding: 5px 18px 0px 0px;
color: #559FFF;
font-weight: bold;
float: left;
}
.head_button_right1 {
background-image: url(Bilder/box_rechts_1.gif);
width: 162px;
height: 20px;
padding: 6px 18px 0px 0px;
color: #559FFF;
font-weight: bold;
float: left;
}
.inner_frame {
width: 155px;
padding: 5px 20px 5px 4px;
float: left;
background-image: url(Bilder/box_rechts_2.gif);
line-height: 120%;
}
.footer_button_right {
width: 180px;
padding: 0px 0px0px 0px;
float: left;
background-image: url(Bilder/box_rechts_3.gif);
height: 6px;
}
.footer_button_left {
width: 173px;
padding: 0px 0px0px 0px;
float: left;
background-image: url(Bilder/box_links_3.gif);
height: 6px;
}
.inner_frame_left {
width: 135px;
padding: 10px 13px 5px 25px;
float: left;
background-image: url(Bilder/box_links_2.gif);
}

.inner_frame_l {
width: 155px;
align: left;
padding: 5px;
float: left;
}
.leiste_anfang2 {
height: 14px;
width: 45px;
float: left;
padding: 2px 0px 0px 30px;
text-align: center;
font-weight: bolder;
color: #f8ad0b;
font-size: 10px;
background-image: url(Bilder/leiste_anfang.gif);
}
.leiste_anfang2:hover {
height: 14px;
width: 45px;
float: left;
padding: 2px 0px 0px 30px;
text-align: center;
font-weight: bolder;
color: #f8ad0b;
font-size: 10px;
background-image: url(Bilder/anfang_hover.gif);
}
.leiste_mitte2 {
height: 14px;
width: 50px;
float: left;
padding: 2px 0px 0px 12px;
text-align: center;
background-image: url(Bilder/leiste_mitte.gif);
font-size: 9px;
font-weight: bolder;
color: #f8ad0b;
}
.leiste_mitte2:hover {
height: 14px;
width: 50px;
float: left;
padding: 2px 0px 0px 12px;
text-align: center;
background-image: url(Bilder/mitte_hover.gif);
font-size: 9px;
font-weight: bolder;
color: #f8ad0b;
}
.leiste_ende2 {
height: 16px;
width: 14px;
float: left;
padding: 0px 0px 0px 0px;
text-align: left;
font-weight: bolder;
color: #f8ad0b;
font-size: 10px;
background-image: url(Bilder/leiste_ende.gif);
}
.leiste_ende2:hover {
height: 16px;
width: 14px;
float: left;
padding: 0px 0px 0px 0px;
text-align: left;
font-weight: bolder;
color:#f8ad0b;
font-size: 10px;
background-image: url(Bilder/ende_hover.gif);
}

}
.leiste_mitte1 {
height: 12px;
width: 50px;
float: left;
padding: 2px 0px 0px 12px;
text-align: center;
background-image: url(Bilder/leiste_mitte.gif);
font-size: 9px;
font-weight: bolder;
color: #333333;


Hoffe jemand hat da einen Lösungsvorschlag?

mfg

Coolcat
Dateianhänge:
jpg screen1.JPG (218.25 KiB - 81 mal heruntergeladen )
jpg screen2.JPG (70.7 KiB - 54 mal heruntergeladen )


------------------
aktuelle Page

www.tollkuehne-crew.de
Inaktiv
Ramires ClanSphere Team

Supporter
Supporter



Herkunft: Waldeck
Beiträge: 1900
 # Antwort: 1 - 10.03.2009 um 17:43 Uhr
ändern müsstest du dazu die dateien themes/base (oderdeintheme)/users/navlogin1.tpl und navlogin2.tpl

verwenden kannst du aber auch den platzhalter {users:navlogin2} in der index.htm, dieses ist von haus aus horizontal aufgebaut,...



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

Verschwende keine Energie an Dinge die Du nicht ändern kannst...


Zuletzt editiert von Ramires ClanSphere Team am 10.03.2009 um 17:44 Uhr (1x Editiert)
Inaktiv
|
coolcat
Thread-Ersteller


King for a day



Herkunft: Buchholz in der Nordheide
Beiträge: 252
 # Antwort: 2 - 10.03.2009 um 18:08 Uhr
ok das mit dem {users:navlogin2} klappt soweit, aber wie bekomme ich nun die Eingabefelder auch nach da Oben also so das die auch nebeneinander stehen

mfg

Coolcat

p.s WOW war das eine schnelle Antwort


------------------
aktuelle Page

www.tollkuehne-crew.de
Inaktiv
|
Ramires ClanSphere Team

Supporter
Supporter



Herkunft: Waldeck
Beiträge: 1900
 # Antwort: 3 - 10.03.2009 um 18:14 Uhr
funktioniert bei dieser variante nicht,... dann müsstest wohl auf das erstere wechseln,...

wie gesagt die dort genannten Dateien bearbeiten, bzw die <br/ > dort entfernen und zusätzlich noch in der /mods/navlist.php nach folgenden suchen

if($cs_main['def_admin'] != 'separated') {
if($account['access_clansphere'] >= 3) {
/* $data['lang']['admin'] .= $cs_lang['admin'];
$data['link']['admin'] .= cs_url('clansphere','admin');*/
$data['link']['admin'] .= cs_link($cs_lang['admin'],'clansphere','admin');
$data['link']['admin'] .= cs_html_br(1);
}
if($account['access_clansphere'] >= 4) {
/*$data['lang']['system'] .= $cs_lang['system'];*/
$data['link']['system'] .= cs_link($cs_lang['system'],'clansphere','system');

$data['link']['system'] .= cs_html_br(2);
}
}
elseif($account['access_clansphere'] >= 3) {
/*$data['lang']['panel'] .= $cs_lang['panel'];*/
$data['link']['panel'] .= cs_html_link('admin.php',$cs_lang['panel']);
$data['link']['panel'] .= cs_html_br(2);
}


und die cs_html_br auf cs_html_br(0); setzen


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

Verschwende keine Energie an Dinge die Du nicht ändern kannst...


Zuletzt editiert von Ramires ClanSphere Team am 10.03.2009 um 18:15 Uhr (1x Editiert)
Inaktiv
|
coolcat
Thread-Ersteller


King for a day



Herkunft: Buchholz in der Nordheide
Beiträge: 252
 # Antwort: 4 - 10.03.2009 um 19:29 Uhr
Ok ich schau es mia an und geb dann Report ab

mfg

Coolcat


EDIT/////


Ich habe nun geschaut aber in der /mods/habe ich keine navlist.php??? *confuse*

mfg

Coolcat

Das habe ich natürlich in der navlogin.php gelöst ^^

Da tuen sich aber nun 2 Weitere Fragen auf.

Frage 1: Ich habe fuer das Login eine neue Classe definiert 'panel' und auch in der layout.css definiert, aber ich bekomme egal was ich tue den Hintergrund (ist nur zur Probe und besseren Ansicht schwarz) nicht zentriert übber den banner. was kann / muss ich da noch ändern?


Frage 2:

Da ja nun über den Header das Loginfeld nun definiert ist, und aus der rechten Spalte nun das Login raus ist, wie bekomme ich nun auch noch das Loginfeld in der Mitte raus? (weil es ja nun seinen Zweck nicht mehr erfüllt!), finde es einfach net :(

Hat wer ne Lösung für mich......

hier mal der Link zur testpage, um zu sehen was ich meine, da ich keinen Screen drann haengen kann in .jpg (unerlaubtes Dateiformat)

http://dtc-testpage.tollkuehne-crew.de/index.php?mod=users&action=login

Anmerkung "es steht in der Aussage "uneraubtes Dateiformat" *Ändern?* *fg* **klugscheiss**


------------------
aktuelle Page

www.tollkuehne-crew.de


Zuletzt editiert von coolcat am 11.03.2009 um 07:56 Uhr (4x Editiert)
Inaktiv
|
coolcat
Thread-Ersteller


King for a day



Herkunft: Buchholz in der Nordheide
Beiträge: 252
 # Antwort: 5 - 14.03.2009 um 03:50 Uhr
Thx an Shouta, und Problem gelöst.

Can be *closed*

mfg

Coolcat


------------------
aktuelle Page

www.tollkuehne-crew.de
Inaktiv
|

Dieses Thema wurde von Ramires ClanSphere Team PM geschlossen.
Antworten: 5
Seite [1]