:: ClanSphere :: Free OpenSource Clan CMS :: - Forum - [Gelöst] News

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

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

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

span, div {
  margin: 0;
  padding: 0;
}
hr {
  border: 1px solid #888888;
}
img {
  border: 0;
}
form {
  display: inline;
}
td {
  background-color: inherit;
  color: #000000;
  font-size: 8pt;
  vertical-align: top;
  line-height: 1.5;
}
textarea {
  width: 90%;
}
ul {
  margin: 0;
}

input, textarea, select {
  background-color: #EEEEEE;
  border: 1px solid #002200;
  color: #002200;
  font-family: Verdana,Helvetica,sans-serif;
  font-size: 8pt;
  margin: 2px;
  padding-left: 3px;
}
.forum {
  /*background-color:#888888;*/
  color:inherit;
  margin:auto;
  border-collapse:separate;
  border-spacing:1px;
}

.headb {
   background: url(images/head.png);
  background-color:#151515;
  color:#FFFFFF;
  text-transform: uppercase;
  padding:4px 6px 4px 8px;
  text-align:left;
  letter-spacing: 3px;
/* border-right: 4px solid #BA1616 !important;*/
  font-size: 14px;
}

.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-spacing: 1px;
}
.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-size: 14pt;
  font-weight: bold;
  text-decoration: none;
}
.h2 {
  color: #333333;
  font-size: 16pt;
  font-weight: normal;
  text-decoration: none;
}
.h3 {
  color: #333333;
  font-size: 20pt;
  font-weight: normal;
  text-decoration: none;
}

#msg_normal, #msg_success {
    width: 90%;
  color:inherit;
  margin:auto;
  border: 1px solid #888;
  margin-bottom: 10px;
  text-align:center;
}
#msg_normal div, #msg_success div {
    padding: 8px 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;
  border: 1px solid #999999;
  margin: 5px;
  padding: 5px 0px 0px 0px;
}
.manage:hover {
  background-color:#E2E2E2;
}

/*Themebar*/
.themebar {
  border: 1px dashed #777777;
  margin: 4px 8px 4px 8px;
  padding: 4px;
}

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

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

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

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

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

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

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.

Forum - Thema
Nächstes Thema ->
Forum -> Design -> Templates -> [Gelöst] News - 2 News nebeneinander