:: ClanSphere :: Free OpenSource Clan CMS :: - Forum - Shout und Teamspeak3 Viwer einfügen!!

Antworten: 4

Seite [1]

josefcool

Beginner

Beiträge: 1

# Thema - 14.09.2013 um 14:00 Uhr

Ich möchte gerne auf auf dieser seite die mir und kumpel gehört Rechts Shoutbox und Links Teamspeak viwer haben wie geht das

http://www.skyliner-ehrengarde.de/index.php?mod=news

oder könnt auch bessere vorschläge machen für user die kleiner bildschirme haben ? wäre echt hilfreich

Zuletzt editiert von josefcool am 14.09.2013 um 14:01 Uhr (1x Editiert)

Inaktiv

ev0lution

Geekboy

Beiträge: 1103

# Antwort: 1 - 14.09.2013 um 17:47 Uhr

da fragst am besten mal

Tress -> http://csphere.eu/forum/users/view/id/11268

per pn. das design ist von ihm.

grundsätzlich regelst du das über die index.htm von deinem template.

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

Inaktiv

Tress13

Highlander

Herkunft: Lüdenscheid
Beiträge: 3048

# Antwort: 2 - 14.09.2013 um 18:07 Uhr

Du müsstest dazu die index.htm und die layout.css umschreiben. Der Content (Mittelteil wo die News drin sind) ist z.Z. 1000 Pixel breit. Dann würde ich z.B 250 Pixel für den linken Bereich und 250 Pixel für den rechten Bereich davon nutzen. Du hättest für den Content dann noch 500 Pixel zur Verfügung. Die Werte kannst du natürlich ändern. Aber denk daran, dass du nur 1000 Pixel hast. Wenn du mehr brauchst, so musst du in der layoutt.css mehrere Werte ändern (main, main_inner, header, ...).

Das ganze würde etwa so funktionieren:

index.htm

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.

1. / 2. / ...

...

    <div id="main_inner">

           <div id="login">{users:navlogin:style=horizontal}</div>

        <div id="left">
            <div class="box_head">TeamSpeak</div>
            <div class="box_inner">hier den Platzhalter rein</div>
        </div>

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

        <div id="right">
            <div class="box_head">Shoutbox</div>
            <div class="box_inner">{shoutbox:navlist}</div>
        </div>

    </div>

</div>

...

layout.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.
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.

1. / 2. / ...

/* START Content */

#content {
  width: 460px;
  float: left;
  padding: 20px;
  line-height: 1.6em;
  overflow: hidden;
}

#login {
  width: 760px;
  float: left;
}

.newspic {
  float: left;
  padding: 2px;
  border: 1px solid #ddd;
  margin: 0 15px 10px 0;
}

/* ENDE Content */
/* START Links und Rechts */

#left {
  width: 250px;
  float: left;
}

#right {
  width: 250px;
  float: right;
}

.box_head {
  background: url(Bilder/box_head.jpg);
  width: 230px;
  height: 20px;
  float: left;
  padding: 10px;
}

.box_inner {
  width: 220px;
  float: left;
  padding: 15px;
}

/* ENDE Links und Rechts */

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

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

Inaktiv

Jam2

Highlander

Beiträge: 3291

# Antwort: 3 - 14.09.2013 um 18:10 Uhr

In einer PN hat er mir gesendet, dass er alles nur auf einer Seite haben will.

Ich muss erstmal auf meine Geburtagsfeier.

edit. Ich würd das ganze dann in die Theme Datei einfügen (also bsp. news/recent.tpl)

------------------
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 am 14.09.2013 um 18:13 Uhr (1x Editiert)

Inaktiv

josefcool
Thread-Ersteller

Beginner

Beiträge: 1

# Antwort: 4 - 15.09.2013 um 11:51 Uhr

ich hab es schon hinbekommen mit jemanden es zu posizunieren die shoutbox und ist angepasst auf news seite teamspeak 3 und Regeln

http://skyliner-ehrengarde.de/index.php?mod=news&action=recent

Inaktiv

Antworten: 4

Seite [1]

Sie müssen sich registrieren, um zu antworten.

Forum - Thema
Nächstes Thema ->
Forum -> International -> Support -> Shout und Teamspeak3 Viwer einfügen!!