Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 17
Seite [1]
Playzoom


Try to beat me





Beiträge: 161
# Thema - 07.06.2010 um 16:29 Uhr
Hey Leute,

also ich versuche momentan 2 News nebeneinander darzustellen.
Geht im Prinzip auch, jedoch aus mir unerklärlichen Gründen ist die 2. News verschoben...nur die zweite...die nächsten sind normal dargestellt...unabhängig vom Browser...Ich finde den Grund einfach nicht...

Aber macht euch selber erstmal ein Bild davon


Lasst euch von den News nicht stören, habe einfach was hingeschrieben. ;D

Ich hoffe jemand schafft hier Klarheit


------------------
Die Inspiration existiert, aber sie muss dich bei der Arbeit finden.
Pablo Picasso

Zuletzt editiert von Lilou am 07.06.2010 um 17:05 Uhr (3x Editiert)
Inaktiv
sgraewe ClanSphere Team

Supporter
Supporter




Beiträge: 6116
# Antwort: 1 - 07.06.2010 um 16:32 Uhr
Die .tpl wäre wohl recht hilfreich, mit nem screenschot kann ich den code nicht wirklich einschätzen ^^


Inaktiv
|
Tom08 ClanSphere Team

Supporter
Supporter



Herkunft: Daheim
Beiträge: 2923
# Antwort: 2 - 07.06.2010 um 16:32 Uhr
Es wäre schön, wenn du mal den verwendeten Code zur Verfügung stellen könntest.

/e: equal war schneller :(

lG


------------------
Bei Problemen mit Code von mir bitte eine Private Nachricht an mich


Zuletzt editiert von Tom08 ClanSphere Team am 07.06.2010 um 16:32 Uhr (1x Editiert)
Inaktiv
|
Playzoom
Thread-Ersteller


Try to beat me





Beiträge: 161
# Antwort: 3 - 07.06.2010 um 16:33 Uhr
Jap ich wollte gerade es hochladen hehe habs verpeilt und gemerkt, als ich es abgeschickt habe ;D

Hier die news_recent.tpl

mehr... +-
 
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.
1. / 2. / ... 
 <form method="post" action="/support/news/recent">
<
table class="forum" cellpadding="0" cellspacing="{page:cellspacing}" style="width:{page:width}; background-color: #312c2c;">
 <
tr>
  <
td class="headb" colspan="3">Forum - {lang:recent}</td>
 </
tr>
 <
tr>
  <
td class="leftb">Kategorie
    
<select name="where" class="form">
      <
option value="0">----</option>{loop:cats}
      <
option value="{cats:categories_id}" {if:selected}selected="selected"{stop:selected}>{cats:categories_name}</option>{stop:cats}
     </
select>
    <
input type="submit" name="submit" value="Anzeigen" />
  </
td>
  <
td class="leftb"><a href="/support/news/list">Liste</a></td>
  <
td class="rightb">{head:pages}</td>
 </
tr>
</
table>
</
form>

{
loop:news}
<
br />
<
table class="forum" cellpadding="0" cellspacing="{page:cellspacing}" style="background-color: #312c2c; width:350px; float: left; margin-left: 41px; margin-top: 30px;">
 <
tr>
  <
td class="newshead">
   <
div style="float:left; width: 245px; border: 0px solid #FFFFFF; text-align: center;">{news:news_headline}</div>
   <
div style="float:right; width: 100px; border: 0px solid #FFFFFF;text-align: center;">{news:categories_name}</div>
  </
td>
 </
tr>
 <
tr>
  <
td class="bottom">
    <
div style="float:left; width: 245px; border: 0px solid #FFFFFF; text-align: center;">{news:news_time} - {news:users_link}</div>
    <
div style="float:right; width: 100px; border: 0px solid #FFFFFF;text-align: center;">{news:comments_link} ({news:comments_count})</div>
  </
td>
 </
tr>
 <
tr>
  <
td class="leftb"  style="text-align: right; width:350px; border: 3px solid #FFFFFF;">{if:catimg}
    <
img src="{page:path}{news:url_catimg}" style="float:left" alt="" />{stop:catimg}
    {
news:news_readmore}
    {
news:news_text}
    {if:
readmore}<br /><br /><a href="/support/news/view/id/{news/news_id}">{lang:readmore_go}</a>{stop:readmore}
{
news:pictures}
  </
td>
 </
tr>
 {if:
show}
 <
tr>
  <
td class="leftb">{lang:mirror}: {loop:mirror}{mirror:news_mirror}{mirror:dot}{stop:mirror}
  </
td>
 </
tr>
 {
stop:show}
</
table>
{
stop:news}


Hier die content.css

mehr... +-
 
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.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
107.
108.
109.
110.
111.
112.
113.
114.
115.
116.
117.
118.
119.
120.
121.
122.
123.
124.
125.
126.
127.
128.
129.
130.
131.
132.
133.
134.
135.
136.
137.
138.
139.
140.
141.
142.
143.
144.
145.
146.
147.
148.
149.
150.
151.
152.
153.
154.
155.
156.
157.
158.
159.
160.
161.
162.
163.
164.
165.
166.
167.
168.
169.
170.
171.
172.
173.
174.
175.
176.
177.
178.
179.
180.
181.
182.
183.
184.
185.
186.
187.
188.
189.
190.
191.
192.
193.
194.
195.
196.
197.
198.
199.
200.
201.
202.
203.
204.
205.
206.
207.
1. / 2. / ... 
 spandiv {
  
margin0;
  
padding0;
}
hr {
  
border1px solid #888888;
}
img {
  
border0;
}
form {
  
displayinline;
}
td {
  
background-colorinherit;
  
color#000000;
  
font-size8pt;
  
vertical-aligntop;
  
line-height1.5;
}
textarea {
  
width90%;
}
ul {
  
margin0;
}

inputtextareaselect {
  
background-color#EEEEEE;
  
border1px solid #002200;
  
color#002200;
  
font-familyVerdana,Helvetica,sans-serif;
  
font-size8pt;
  
margin2px;
  
padding-left3px;
}
.
forum {
  
/*background-color:#888888;*/
  
color:inherit;
  
margin:auto;
  
border-collapse:separate;
  
border-spacing:1px;
}

.
headb {
   
backgroundurl(images/head.png);
  
background-color:#151515;
  
color:#FFFFFF;
  
text-transformuppercase;
  
padding:4px 6px 4px 8px;
  
text-align:left;
  
letter-spacing3px;
/* border-right: 4px solid #BA1616 !important;*/
  
font-size14px;
}

.
headb span
{
    
color#FFFFFF;
}
.
bottom {
  
background-color:#151515;
  
color:#CCCCCC;
  
padding:0px;
  
text-align:left;
}

.
bottom a
{
    
color#cccccc;
}

.
newshead {
  
background-color:#151515;
  
color:#B91F1D;
  
font-size:14px;
  
padding:0px;
  
text-align:left;
  
letter-spacing1px;
}
.
left,.center,.right {
  
padding:1px;
}
.
leftb,.centerb,.rightb {
  
background-color:#151515;
  
color:#CCCCCC;
  
padding:4px 6px 4px 8px;
}

.
leftb a,.centerb a,.rightb a {
  
color:#CCCCCC;
}

.
leftc,.centerc,.rightc {
  
background-color:#151515;
  
color:#CCCCCC;
  
padding:4px 6px 4px 8px;
}

.
leftc a,.centerc a,.rightc a{
  
color:#CCCCCC;
  
}

.
left,.leftb,.leftc {
  
text-align:left;
}
.
center,.centerb,.centerc {
  
text-align:center;
}
.
right,.rightb,.rightc {
  
text-align:right;
}
.
notpublic {
  
background-color:#F5F5F5 !important;
  
color:#CCC !important;
  
font-style:italic;
}

.
quote {
  
background-color:#EEEEEE;
  
border:1px dashed #888888;
  
color:inherit;
  
padding:6px;
  
text-align:left;
}
.
h1 {
  
color#333333;
  
font-size14pt;
  
font-weightbold;
  
text-decorationnone;
}
.
h2 {
  
color#333333;
  
font-size16pt;
  
font-weightnormal;
  
text-decorationnone;
}
.
h3 {
  
color#333333;
  
font-size20pt;
  
font-weightnormal;
  
text-decorationnone;
}

#msg_normal, #msg_success {
    
width90%;
  
color:inherit;
  
margin:auto;
  
border1px solid #888;
  
margin-bottom10px;
  
text-align:center;
}
#msg_normal div, #msg_success div {
    
padding8px 0 8px 20px;
}
#msg_normal {
    
background-color#fff;
}
#msg_success {
    
background-color#ddffdd;
}

/*Cal*/
.calhead {
  
background-color:#FFFFFF;
  
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:#FFFFFF;
  
color:inherit;
}
.
calevent {
  
background-color:#EEEEEE;
  
color:inherit;
}
.
caltoday {
  
background-color:#FFE0E0;
  
color:inherit;
}
.
calweek {
  
background-color:#FFFFFF;
  
color:inherit;
}

/*Manage*/
.manage {
  
background-color#F8F8F8;
  
border1px solid #999999;
  
margin5px;
  
padding5px 0px 0px 0px;
}
.
manage:hover {
  
background-color:#E2E2E2;
}

/*Themebar*/
.themebar {
  
border1px dashed #777777;
  
margin4px 8px 4px 8px;
  
padding4px;
}


------------------
Die Inspiration existiert, aber sie muss dich bei der Arbeit finden.
Pablo Picasso

Zuletzt editiert von Lilou am 07.06.2010 um 16:34 Uhr (1x Editiert)
Inaktiv
|
sgraewe ClanSphere Team

Supporter
Supporter




Beiträge: 6116
# Antwort: 4 - 07.06.2010 um 16:57 Uhr
Naja mal abgesehen davon das ich für solche Zwecke Tabellen eher als grausam ansehe, sollte dein Problem mit dem entfernen des <br /> erledigt sein


Inaktiv
|
Playzoom
Thread-Ersteller


Try to beat me





Beiträge: 161
# Antwort: 5 - 07.06.2010 um 16:59 Uhr
Jo das ist ja Standard Clansphere die Tabellenstruktur, was mich auch gewundert hat, da normalerweise <div> benutzt wird

Omg jo das <br /> hahaha hätte ich selber draufkommen können...
Vor lauter Code den Umbruch nicht gesehen ;D

Danke


------------------
Die Inspiration existiert, aber sie muss dich bei der Arbeit finden.
Pablo Picasso

Inaktiv
|
sgraewe ClanSphere Team

Supporter
Supporter




Beiträge: 6116
# Antwort: 6 - 07.06.2010 um 17:03 Uhr
Ja bei csp ist halt alles noch in Tabellen geschrieben, sollte aber niemand davon abhalten es umzuschreiben


Inaktiv
|
Playzoom
Thread-Ersteller


Try to beat me





Beiträge: 161
# Antwort: 7 - 07.06.2010 um 17:05 Uhr
Also was meinst du mit alles ? Also im Prinzip ist das meiste in <div> Blöcken geschrieben, gut wobei die Template Dateien meist in Tabelleform gehalten sind


------------------
Die Inspiration existiert, aber sie muss dich bei der Arbeit finden.
Pablo Picasso

Inaktiv
|
sgraewe ClanSphere Team

Supporter
Supporter




Beiträge: 6116
# Antwort: 8 - 07.06.2010 um 17:24 Uhr
Das meiste?
Soweit ich weis ist nur die Index.htm in div geschrieben, sonst alles in tables ausser ab und an mal ein paar Ausnahmen.


Inaktiv
|
Playzoom
Thread-Ersteller


Try to beat me





Beiträge: 161
# Antwort: 9 - 07.06.2010 um 17:40 Uhr
Habe mal alles nachgeschaut, ja hast recht hehe

Das heißt im Prinzip nicht anders als Webspell...hmmm

Aber naja viel übersichtlicher.


------------------
Die Inspiration existiert, aber sie muss dich bei der Arbeit finden.
Pablo Picasso

Zuletzt editiert von Lilou am 07.06.2010 um 17:42 Uhr (1x Editiert)
Inaktiv
|
sgraewe ClanSphere Team

Supporter
Supporter




Beiträge: 6116
# Antwort: 10 - 07.06.2010 um 17:44 Uhr
Ne also mit webspell kannst du uns da nicht wirklich vergleichen, ist zwar schon länger her das ich es mal angeguckt hatte, aber da stehen ja glaub ich sogar noch php und so mit im code


Inaktiv
|
Playzoom
Thread-Ersteller


Try to beat me





Beiträge: 161
# Antwort: 11 - 07.06.2010 um 17:54 Uhr
Das meinte ich doch mit Übersichtlicher


------------------
Die Inspiration existiert, aber sie muss dich bei der Arbeit finden.
Pablo Picasso

Inaktiv
|
reVerB


Geekboy




Beiträge: 1237
# Antwort: 12 - 10.06.2010 um 16:04 Uhr
WebSPELL?

Das Template ist die Index.php und als Platzhalter wird normaler PHP-Code zum include weiterer PHP-Dateien verwendet. Also keine Templateengine in dem sinne.


Inaktiv
|
Playzoom
Thread-Ersteller


Try to beat me





Beiträge: 161
# Antwort: 13 - 10.06.2010 um 21:54 Uhr
Meinst du jetzt Webspell damit oder Csphere, dass es keine Engine hat ?

Webspell oder ?


------------------
Die Inspiration existiert, aber sie muss dich bei der Arbeit finden.
Pablo Picasso

Inaktiv
|
tobimo


King for a day




Beiträge: 253
# Antwort: 14 - 19.06.2010 um 17:08 Uhr
Ich hab mal eine Frage zu dem Prinzip, wie man 2 News nebeneinander darstellt.

Eigentlich ist es doch ganz simpel oder? Man erstellt halt die news_recent.tpl und geht halt mit der Breite nur auf die Hälfte und gibt dem ganzen float: left.. Und die zweite News wird dann automatisch daneben erstellt oder?

Ich erkenne ansonsten irgendwie keine wirkliche Idee, die dahinter steckt? Und theorethisch kann man ja dann, wenn man die Breite auf 1/3 beschränkt, 3 News so nebeneinander darstellen oder?


Wenn das der Fall sein sollte, dass es so einfach ist, kann man dann auch, wenn man will, dass diese News immer die gleiche Höhe haben, einstellen, dass wenn es mehr als 10 Zeilen sein würden, der News-Text mit "..." abgekürzt wird und ein "Read-More"-Button erscheint? Wenn ja, wie?


Zuletzt editiert von tobimo am 19.06.2010 um 17:09 Uhr (1x Editiert)
Inaktiv
|
SCHIRI ClanSphere Team


Weltmeister



Herkunft: Hamburg
Beiträge: 5299
# Antwort: 15 - 19.06.2010 um 17:18 Uhr
ja es ist im prinzip so einfach. Das einzige was nicht so einfach ist, ist den Text auf eine Länge zu kürzen und damit dann zu erreichen, dass die News immer gleich hoch sind. Da nämlich alle Zeichen verschieden breit sind, bedeutet gleiche Zeichenanzahl nicht gleiche länge des Textes.
Wie das mit dem Kürzen und "..." dran setzen geht, kannst du aber z.B. in der mods/news/navlists.php anschauen.

Um eine wirklich gleiche Höhe zu bekommen musst du per css auch die höhe festlegen und overflow auf hidden stellen. Zusätzlich kannst du dann natürlich noch den Text per php kürzen oder noch eleganter die neue css3 eigenschaft benutzen, die das mit dem ... anhängen selber auf grund der Element-Größe erledigen kann. (allerdings noch nicht von allen browsern unterstützt und ich weiss den namen grad nicht)


------------------
www.laszlokorte.de

Zuletzt editiert von SCHIRI ClanSphere Team am 19.06.2010 um 17:28 Uhr (1x Editiert)
Inaktiv
|
tobimo


King for a day




Beiträge: 253
# Antwort: 16 - 19.06.2010 um 17:23 Uhr
Alles klar, vielen Dank..

wann wird eigentlich {if:readmore}<br /><br /><a href="/support/news/view/id/{news/news_id}">{lang:re admore_go}</a>{stop:readmore} eingesetzt?

Weil theorethisch könnte man es doch so machen, dass man dem Div eine feste Höhe gibt, overflow auf hidden setzt, und dann den read-more Teil immmer einblendet, ohne die if-Abfrage... Dann müsste es doch klappen oder übersehe ich etwas?

Danke für deine schnelle Antwort SCHIRI


Inaktiv
|
SCHIRI ClanSphere Team


Weltmeister



Herkunft: Hamburg
Beiträge: 5299
# Antwort: 17 - 19.06.2010 um 17:30 Uhr
oops, ich meinte auch overflow hidden im vorherigen post.

Das Readmore wird eingesetzt, wenn beim erstellen der News der Haken dafür gesetzt wurde und dann ein Text in das zweite, dann zur Verfügung stehende Textfeld eingegeben wurde.

Mit Fest Höhe und Overflow hidden klappt es wie gesagt natürlich immer.


------------------
www.laszlokorte.de

Inaktiv
|
Antworten: 17
Seite [1]


Sie müssen sich registrieren, um zu antworten.