Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 12
Seite [1]
Tillout


Rock the board




Beiträge: 58
 # Thema - 06.04.2011 um 17:49 Uhr
Hallo zusammen,

hab mich mal an einem Design versucht und das dann in den Templet verzeichnis hochgeladen in einem Ordner. Leider wird dieser nicht unter System->Templet angezeigt.

in dem Ordner ist eine index.html und noch ein Ordner mit Bildern. Das komplette Design liegt im selben Verzeichnis wie das Clansphar Standart Templet.

Benutze Version 2011


Zuletzt editiert von Tillout am 06.04.2011 um 17:49 Uhr (1x Editiert)
Inaktiv
Drag0n


Just nerd




Beiträge: 941
 # Antwort: 1 - 06.04.2011 um 18:31 Uhr
die info.php in deinem template öffnen und bei Name einen namen angeben den es noch nicht gibt z.b.Tillout Template dann sollte es gehen einfach dann rauf laden dann auf system -> cache -> cache leeren und es funzt


------------------
MfG

Drag0n

ich gebe KEINEN ICQ oder MSN Support, es sei den ich schreibe euch an


Inaktiv
|
Tillout
Thread-Ersteller


Rock the board




Beiträge: 58
 # Antwort: 2 - 06.04.2011 um 21:57 Uhr
Ok, danke das hat fürs erste funktioniert.

Nun meine Frage, mein Content geht bei JoinUs über den Footer bereich und geht dann weiter. Wie kann ich das machen das der Content beliebieg Groß werden kann und das der Footer dann mit geht.

Hier der Link, das Design ist momentan nur für die Funktionsweiße und nicht mein Fertiger Style muss ja erst fersten was ich tuh
http://vb.pixelhood.de/index.php?mod=joinus&action=new

Im Content hab ich eine feste Breite eingetragen und die länge auf auto. Linke und Rechte Navi sind auf eine Insgesamt feste Größe. Denke das es eventuell daran liegen könnte.

Danke für jede Hilfe.

*UPDATE*

Wenn ich den Footer weg lass und die rechte Navi dann gehts komischer weiße.


Zuletzt editiert von Tillout am 07.04.2011 um 20:41 Uhr (1x Editiert)
Inaktiv
|
Tillout
Thread-Ersteller


Rock the board




Beiträge: 58
 # Antwort: 3 - 10.04.2011 um 12:28 Uhr
Hallo ich hab ein kleines Problem bei meinem Design.

Rechts das Login besteht aus 3 Teilen, wenn die Seite im Content größer wird dann bleibt das Login in der mitte und der unter teile geht nicht mit.

Hier der Code:
 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
1. / 2. / ... 
 <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="173" height="28"background="Bilder/loginbanner.jpg"></td>
            </tr>
            <tr>
              <td width="173" height="260" valign="top"background="Bilder/login-19.jpg"><span class="navbody">{users:navlogin}</span></td>
            </tr>
            <tr>
              <td width="173" height="67"background="Bilder/content_rechts.jpg"></td>
            </tr>
          </table></td>


Login Banner soll oben bleiben und login-19 soll auch oben bleiben. nur content_rechts soll sich dann unten anpassen und den hintergrund wiederhohlen. Wie kann ich das realiesieren. Wer kann mir Helfen?

Hier der Link zum Design: http://vb.pixelhood.de/index.php?mod=joinus&action=new

wen man auf News klickt dann passt es rechts. klickt man auf einen inhalt der größer ist dann verschiebt sich das login. Danke im Vorraus.


Inaktiv
|
Tress13


Highlander




Herkunft: Lüdenscheid
Beiträge: 3048
 # Antwort: 4 - 10.04.2011 um 12:46 Uhr
Du müsstest z.B. dem rechten Teil (Spalte) einen Hintergrund zuordnen.
Oder du packst dir alles in einen Extra-Bereich, dem du einen Hintergrund zuordnest.
Ich mache das etwa so:

index.htm
 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
1. / 2. / ... 
 
<div id="main_inner">
        
    <div id="left">    
            
Hier der Inhalt der Linken Spalte rein.
                        
    </div>
            
    <div id="right">
             
Hier der Inhalt der Rechten Spalte rein.

    </div>
                
    <div id="content">{func:show}</div>
            
</div>


css
 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
1. / 2. / ... 
 
#main_inner {
  background: url('Bilder/main_bg.jpg') repeat-y;
  width: 1000px;
  float: left;
}

#left {
  width: 200px;
  margin-left: 9px;
  float: left;
}

#right {
  width: 200px;
  margin-right: 9px;
  float: right;
}

#content {
  width: 562px;
  padding: 0 9px;
  float: left;
}


Naja die Werte musst du halt für dich selber anpassen,
aber nur mal vom Prinzip her kannste das so machen.


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


www.iv-gaming.de | www.iv-artwork.de

Zuletzt editiert von Tress13 am 10.04.2011 um 12:47 Uhr (1x Editiert)
Inaktiv
|
Tillout
Thread-Ersteller


Rock the board




Beiträge: 58
 # Antwort: 5 - 10.04.2011 um 15:25 Uhr
Hab es versucht wie folgt:
html:
 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
1. / 2. / ... 
 <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="26" height="355" background="Bilder/contant_left.jpg"></td>
          <td width="825" height="355" valign="top" background="Bilder/content.jpg">{func:show}</td>
          <td><table width="100%" border="0" cellspacing="0" cellpadding="0" background="Bilder/content_rechts.jpg">
            <tr>
              <td width="173" height="28" background="Bilder/loginbanner.jpg" ><span class="login"></span></td>
            </tr>
            <tr>
              <td width="173" height="260" valign="top" background="Bilder/login-19.jpg"><span class="login">{users:navlogin}</span></td>
            </tr>
            <tr>
              <td width="173" height="67"></td>
            </tr>
          </table></td>


CSS:
 
1.
2.
3.
4.
5.
6.
7.
8.
9.
1. / 2. / ... 
 <style type="text/css">
.content_rechts {
    background-image: url(Bilder/content_rechts.jpg);
    background-repeat: repeat;
}
.login {
    float: left;
}
</style>


leider funktioniert das nicht :(

schau da -> http://vb.pixelhood.de/index.php?mod=joinus&action=new


Inaktiv
|
Tress13


Highlander




Herkunft: Lüdenscheid
Beiträge: 3048
 # Antwort: 6 - 10.04.2011 um 15:58 Uhr
Mit den ganzen Tabellen komme ich auch nicht klar.
Ich arbeite eigentlich nur mit gefloateten div's. Finde ich irgendwie übersichtlicher.



Sorry


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


www.iv-gaming.de | www.iv-artwork.de

Inaktiv
|
Tillout
Thread-Ersteller


Rock the board




Beiträge: 58
 # Antwort: 7 - 10.04.2011 um 17:49 Uhr
mmh, wer hilft mir dann :(
oder soll ich dann alles in Div machen. Wie funktioniert div? genau wie tabellen oder?


Inaktiv
|
Tress13


Highlander




Herkunft: Lüdenscheid
Beiträge: 3048
 # Antwort: 8 - 10.04.2011 um 17:58 Uhr
Lad dir doch eines meiner Free-Templates runter und bau es dir entsprechend um.
Da hätteste ja dann ein geeignetes "Gerüst" vorliegen.

3designz08
3designz15
3deisgnz21


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


www.iv-gaming.de | www.iv-artwork.de

Inaktiv
|
Tillout
Thread-Ersteller


Rock the board




Beiträge: 58
 # Antwort: 9 - 10.04.2011 um 18:57 Uhr
will lieber alles selber verstehen nix gegen deine styles ! Wie baust du das auf wenn du z.b. 6 Zeileb und dann X-belibige Spalten brauchst?


Inaktiv
|
Tress13


Highlander




Herkunft: Lüdenscheid
Beiträge: 3048
 # Antwort: 10 - 10.04.2011 um 19:19 Uhr
Boah...das kann ich dir so gar nicht genau erklären.





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


www.iv-gaming.de | www.iv-artwork.de

Inaktiv
|
Jam2 ClanSphere Team


Highlander





Beiträge: 3291
 # Antwort: 11 - 10.04.2011 um 19:27 Uhr
Oha^^ Da muss umbedingt die Empfehlung zu Goggle her....

Lerne XHTML und CSS, les paar Tutorials zu dem Thema durch und schon, denke ich schaffst du es


edit:

ahhh es geht um Tables? Rowspan und Colspan ist die Lösung, wenn ich es Richtig verstanden habe. Natürlich sollte man beim Layout mit Gefloateten Div-Elementen (oder derartigen) arbeiten.


------------------
Gruß/ Best regards
Jam2

Nützliche Forumbeiträge/Codepastes: (Useful comments in our board / codepastes)
Template Switch for index.php
Board Navlist last posts

Edi: könnte man denn auch hier eine erweiterung einfügen?
Jam2: das web ist wie toyota.....
Edi: hö ?
Jam2: nichts ist unmöglich!


Zuletzt editiert von Jam2 ClanSphere Team am 10.04.2011 um 19:29 Uhr (1x Editiert)
Inaktiv
|
Tillout
Thread-Ersteller


Rock the board




Beiträge: 58
 # Antwort: 12 - 10.04.2011 um 19:49 Uhr
*Updates*

so hab nun alles in div's gepackt. Wie bekomm ich nun z.B. die ersten 3 Bilder nun nebeneinander? Der Code schaut folgender maßen aus:
 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
1. / 2. / ... 
 <!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Virtual Bastard's</title>
<style type="text/css">
.part01 {
    background-color:#675c47;
    position: absolute;
}
.part02 {
}
.part03 {
    background-image:url(Bilder/content_rechts.jpg)
}
.part04 {
}
.part05 {
}
.part06 {
}
</style>
</head>
<body>
<center>
<div id="part01">
<div><img src="Bilder/logo.jpg" width="851" height="151" /></div>
<div><img src="Bilder/login_links.jpg" width="8" height="151" /></div>
<div><img src="Bilder/login.jpg" width="165" height="151" /></div>
</div>

<div><img src="Bilder/news.jpg" width="73" height="30" /></div>
<div id="part02"><img src="Bilder/forum.jpg" width="71" height="30" /></div>
<div><img src="Bilder/teams.jpg" width="67" height="30" /></div>
<div><img src="Bilder/clanwars.jpg" width="98" height="30" /></div>
<div><img src="Bilder/rules.jpg" width="62" height="30" /></div>
<div><img src="Bilder/sponsor.jpg" width="87" height="30" /></div>
<div><img src="Bilder/server.jpg" width="71" height="30" /></div>
<div><img src="Bilder/community.jpg" width="113" height="30" /></div>
<div><img src="Bilder/gallery.jpg" width="80" height="30" /></div>
<div><img src="Bilder/cup.jpg" width="48" height="30" /></div>
<div><img src="Bilder/joinus.jpg" width="74" height="30" /></div>
<div><img src="Bilder/contact.jpg" width="180" height="30" /></div>
<div><img src="Bilder/contant_left.jpg" width="26" height="355" /></div>
<div><img src="Bilder/content.jpg" width="825" height="355" /></div>


<div><img src="Bilder/loginbanner.jpg" width="173" height="28" /></div>
<div><img src="Bilder/login-19.jpg" width="173" height="260" /></div>
<div id="part03c"><img src="Bilder/content_rechts.jpg" width="173" height="67" /></div>
<div><img src="Bilder/infoheader.jpg" width="1024" height="48" /></div>
<div><img src="Bilder/5.jpg" width="60" height="127" /></div>
<div><img src="Bilder/next_top_match.jpg" width="198" height="127" /></div>

<div id="part04"><img src="Bilder/5-24.jpg" width="35" height="127" /></div>

<div id="part05"><img src="Bilder/latestwars.jpg" width="198" height="127" /></div>
<div><img src="Bilder/5-26.jpg" width="34" height="127" /></div>
<div><img src="Bilder/vote.jpg" width="193" height="127" /></div>
<div><img src="Bilder/5-28.jpg" width="41" height="127" /></div>
<div><img src="Bilder/counter.jpg" width="189" height="127" /></div>
<div><img src="Bilder/5-30.jpg" width="76" height="127" /></div>
<div><img src="Bilder/ph.jpg" width="293" height="57" /></div>
<div><img src="Bilder/footer.jpg" width="538" height="57" /></div>
<div><img src="Bilder/imprint.jpg" width="82" height="57" /></div>
<div><img src="Bilder/footer-34.jpg" width="111" height="57" /></div>
 
</center>
</body>
</html>


Hier der Links zur Seite die nun alle Bilder untereinander ausgibt xD
http://vb.pixelhood.de/


Zuletzt editiert von Tillout am 10.04.2011 um 21:40 Uhr (2x Editiert)
Inaktiv
|
Antworten: 12
Seite [1]


Sie müssen sich registrieren, um zu antworten.