ilch Forum » Ilch Clan 1.1 » Allgemein » News anders anzeigen

Geschlossen
  1. Di. 15.09.2009 15:18 Uhr #1
    User Pic
    Loqi-X Mitglied
    Registriert seit
    13.10.2008
    Beiträge
    439
    Beitragswertungen
    1 Beitragspunkte
    Hey,

    da ich ein neues Design habe, was gerade an ilch 1.1 angepasst wird, wollte ich euch fragen, ob ich die News in einer anderen "Form" anzeigen lassen könnte.

    Und zwar so:

    1 2
    3 4

    #1 sind die neusten News und #4 die ältesten.

    Hier das Design: externer Link

    Für Webspell gibt es ein Plugin dafür, weiß einer von euch wie ich sie so darstelle?

    falls ja, würde ich über eine Antwort sehr freuen lächeln.

    MfG Loqi-X
    ARANYOSDESIGNS - Optimization is creative

    0 Mitglieder finden den Beitrag gut.
  2. Di. 15.09.2009 17:33 Uhr #2
    User Pic
    Rock@wulf Hall Of Fame
    Registriert seit
    03.06.2004
    Beiträge
    3.282
    Beitragswertungen
    239 Beitragspunkte
    -.-

    indem du die template so veränderst das es geht ...

    allerdings werden denk ich auch die ein oder andere änderung in der php fällig sein
    Meine Postings repräsentieren meine Meinung wenn nicht anders gekennzeichnet.
    MFG Rock@wulf
    0 Mitglieder finden den Beitrag gut.
  3. Di. 15.09.2009 19:31 Uhr #3
    User Pic
    Loqi-X Mitglied
    Registriert seit
    13.10.2008
    Beiträge
    439
    Beitragswertungen
    1 Beitragspunkte
    Hey Rock,

    da ich von dir schon eine Menge Hilfe bekommen habe, bin ich mir sicher das du der Idele Coder wärst.

    Würde mich sehr, wirklich sehr freuen wenn du mir die Code schicken würdest. Ich habe es schon verssucht, aber die News fliegen immer aus dem Content und werden falsch angezeigt.

    MfG Loqi-X
    ARANYOSDESIGNS - Optimization is creative

    0 Mitglieder finden den Beitrag gut.
  4. Di. 15.09.2009 20:31 Uhr #4
    User Pic
    Rock@wulf Hall Of Fame
    Registriert seit
    03.06.2004
    Beiträge
    3.282
    Beitragswertungen
    239 Beitragspunkte
    Ich bin strikt gegen das posten von codes zeig deinen versuch mal sehen was dann
    Meine Postings repräsentieren meine Meinung wenn nicht anders gekennzeichnet.
    MFG Rock@wulf
    0 Mitglieder finden den Beitrag gut.
  5. Di. 15.09.2009 21:33 Uhr #5
    User Pic
    Revolution Hall Of Fame
    Registriert seit
    14.08.2006
    Beiträge
    1.688
    Beitragswertungen
    109 Beitragspunkte
    Du kannst das ganze auch "nur" mit CSS machen, allerdings kann es dann bei längeren nachrichten probleme geben.

    Hier mal Bild:
    gesperrtes Bild

    Einfach die nachricht in ein div tag packen und ein wenig mit den style optionen rumspielen. (float)


    Zuletzt modifiziert von Revolution am 15.09.2009 - 21:33:48
    Kreativ, modern, Conversion und Usability optimiert
    individuelles Webdesign für ein optimales Erscheinungsbild
    404studios
    0 Mitglieder finden den Beitrag gut.
  6. Di. 15.09.2009 21:51 Uhr #6
    User Pic
    Loqi-X Mitglied
    Registriert seit
    13.10.2008
    Beiträge
    439
    Beitragswertungen
    1 Beitragspunkte
    Sorry, ich habe es nicht gecodet, mein Coder hat es gemacht. Und er hat gesagt das er die news nicht machen kannt.

    Revolotion, kannst du mir mal die Codes schicken?

    Wäre echt nett von dir lächeln.

    MfG Loqi-X
    ARANYOSDESIGNS - Optimization is creative

    0 Mitglieder finden den Beitrag gut.
  7. Di. 15.09.2009 22:44 Uhr #7
    User Pic
    Revolution Hall Of Fame
    Registriert seit
    14.08.2006
    Beiträge
    1.688
    Beitragswertungen
    109 Beitragspunkte
    Kleine Herausforderungen müssen auch mal sein, ist doch viel besser sowas selbst heraus zu bekommen :-D

    Tipp:
    - Datei: include/templates/news.htm bzw. include/templates/news/news.htm
    - Wo: Im oberen Abschnitt, sprich alles vor {EXPLODE}

    DIV Tag erstellen und bei Style="" eine Festebreite (width:200px;) ca. halbe content breite angeben und dann noch (float:left;) zum weiteren ausrichten kannst du dann padding benutzen.

    Bekommst du sicher auch selbst hin :-)

    Kannst ja deinen ansatz mal posten. lächeln


    Zuletzt modifiziert von Revolution am 15.09.2009 - 22:50:06
    Kreativ, modern, Conversion und Usability optimiert
    individuelles Webdesign für ein optimales Erscheinungsbild
    404studios
    0 Mitglieder finden den Beitrag gut.
  8. Mi. 16.09.2009 15:09 Uhr #8
    User Pic
    Loqi-X Mitglied
    Registriert seit
    13.10.2008
    Beiträge
    439
    Beitragswertungen
    1 Beitragspunkte
    Wir haben es jetzt versucht, allerdings gibt es ein problem.
    Es wird alle wiederholt, da wir {datum} 4x angeben. Danach kommt imemr das gleiche Datum.

    Hier ist die news.htm: 
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><div>
  <strong>{datum}</strong>
  <hr style="height: 0px; border: dotted #000000 0px; border-top-width: 1px; " />
</div>
<div style="float:left; width:20%; text-align:center; ">{kate}</div>
<div style="float:left; width:80%; padding-top:25px; ">
  <table width="100%" border="0" align="center" cellpadding="1" cellspacing="0" class="cbg1">
    <tr>
      <td><strong><a href="index.php?news-{id}">{title}</a></strong></td>
    </tr>
    <tr>
      <td class="smalfont">{_lang_from} {username}</td>
    </tr>
  </table>
</div><br style="clear:both; " />
<div>
  <table width="100%"  border="0" cellspacing="0" cellpadding="2">
    <tr>
	  <td colspan="2">{text}</td>
	</tr>
    <tr>
      <td width="50%"><a href="index.php?news-{id}">{kom} {_if_{kom}=='1'}{_lang_comment}{_else_}{_lang_comments}{/_endif} </a></td>
      <td width="50%">
        <div align="right">{readwholenews}</div>
      </td>
    </tr>
  </table>
</div></td>
    <td><div>
  <strong>{datum}</strong>
  <hr style="height: 0px; border: dotted #000000 0px; border-top-width: 1px; " />
</div>
<div style="float:left; width:20%; text-align:center; ">{kate}</div>
<div style="float:left; width:80%; padding-top:25px; ">
  <table width="100%" border="0" align="center" cellpadding="1" cellspacing="0" class="cbg1">
    <tr>
      <td><strong><a href="index.php?news-{id}">{title}</a></strong></td>
    </tr>
    <tr>
      <td class="smalfont">{_lang_from} {username}</td>
    </tr>
  </table>
</div><br style="clear:both; " />
<div>
  <table width="100%"  border="0" cellspacing="0" cellpadding="2">
    <tr>
	  <td colspan="2">{text}</td>
	</tr>
    <tr>
      <td width="50%"><a href="index.php?news-{id}">{kom} {_if_{kom}=='1'}{_lang_comment}{_else_}{_lang_comments}{/_endif} </a></td>
      <td width="50%">
        <div align="right">{readwholenews}</div>
      </td>
    </tr>
  </table>
</div></td>
  </tr>
  <tr>
    <td><div>
  <strong>{datum}</strong>
  <hr style="height: 0px; border: dotted #000000 0px; border-top-width: 1px; " />
</div>
<div style="float:left; width:20%; text-align:center; ">{kate}</div>
<div style="float:left; width:80%; padding-top:25px; ">
  <table width="100%" border="0" align="center" cellpadding="1" cellspacing="0" class="cbg1">
    <tr>
      <td><strong><a href="index.php?news-{id}">{title}</a></strong></td>
    </tr>
    <tr>
      <td class="smalfont">{_lang_from} {username}</td>
    </tr>
  </table>
</div><br style="clear:both; " />
<div>
  <table width="100%"  border="0" cellspacing="0" cellpadding="2">
    <tr>
	  <td colspan="2">{text}</td>
	</tr>
    <tr>
      <td width="50%"><a href="index.php?news-{id}">{kom} {_if_{kom}=='1'}{_lang_comment}{_else_}{_lang_comments}{/_endif} </a></td>
      <td width="50%">
        <div align="right">{readwholenews}</div>
      </td>
    </tr>
  </table>
</div></td>
    <td><div>
  <strong>{datum}</strong>
  <hr style="height: 0px; border: dotted #000000 0px; border-top-width: 1px; " />
</div>
<div style="float:left; width:20%; text-align:center; ">{kate}</div>
<div style="float:left; width:80%; padding-top:25px; ">
  <table width="100%" border="0" align="center" cellpadding="1" cellspacing="0" class="cbg1">
    <tr>
      <td><strong><a href="index.php?news-{id}">{title}</a></strong></td>
    </tr>
    <tr>
      <td class="smalfont">{_lang_from} {username}</td>
    </tr>
  </table>
</div><br style="clear:both; " />
<div>
  <table width="100%"  border="0" cellspacing="0" cellpadding="2">
    <tr>
	  <td colspan="2">{text}</td>
	</tr>
    <tr>
      <td width="50%"><a href="index.php?news-{id}">{kom} {_if_{kom}=='1'}{_lang_comment}{_else_}{_lang_comments}{/_endif} </a></td>
      <td width="50%">
        <div align="right">{readwholenews}</div>
      </td>
    </tr>
  </table>
</div></td>
  </tr>
</table>





<br />
<br />
{EXPLODE}
<br />
<br /><center>{SITELINK}</center>

{EXPLODE}
<!-- News Kommentare und Mehr lesen -->
<table class="border" width="100%" cellpadding="5" cellspacing="1" border="0">
  <tr class="Chead">
    <th height="25"><b>{NAME}</b></th>
  </tr>
  <tr>
    <td height="25" class="Cdark">{_lang_message}</td>
  </tr>
  <tr>
    <td class="Cnorm">
      <div style="float:left; ">{KATE}</div>
	    <div style="float:left; padding-left:10px; ">{TEXT}</div><br style="clear:both; " />
      <p></p>
      <a href="index.php?news"><b>&laquo;</b> {_lang_back}</a> </td>
  </tr>

  <tr>
    <td height="25" class="Cmite">{_lang_commentsfor} {NAME}</td>
  </tr>
  <tr>
    <td class="Cnorm">

	    {EXPLODE}
	    <form action="index.php?news-{NID}" method="POST">
        <fieldset>
          <legend>{_lang_writecomment}</legend>
          <input type="text" name="name" value="{uname}" /> &nbsp; {ANTISPAM} &nbsp; <input type="submit" value="{_lang_enter}"><br />
          <textarea style="width: 98%" cols="50" rows="2" name="txt"></textarea><br />
        </fieldset>
      </form>
      <br />
      {EXPLODE}

      <span class="Cmite"># <b>{ZAHL}</b> von {NAME}</span>
      <br />{TEXT}<br /><br />

      {EXPLODE}
      <br />
      <a href="index.php?news"><b>&laquo;</b> {_lang_back}</a>

    </td>
  </tr>
</table>

{EXPLODE}

<table width="100%" border="0" cellspacing="0" cellpadding="5" class="rand">
  <tr class="mite">
    <td width="65%"><b>{NAME}</b></td>
    <td width="15%">{FUER}</td>
    <td width="20%" align="right">{DATE}</td>
  </tr><tr class="norm">
    <td valign="top" colspan="2">{TEXT}{MEHR}</td>
    <td valign="top" rowspan="2" align="center">{KATE}</td>
  </tr><tr class="norm">
    <td valign="bottom" height="20" colspan="2" align="center">
      <b>{_lang_from} {UNAME}</b> &nbsp; &nbsp; &nbsp; [ {KOM} <a href="index.php?news-1&amp;nid={ID}">{_lang_comments}</a> ]
    </td>
  </tr>
</table>


    Würde mich freuen wenn du helfen würdest lächeln.

    Link zu den News: externer Link

    MfG Loqi-X
    ARANYOSDESIGNS - Optimization is creative

    0 Mitglieder finden den Beitrag gut.
  9. Mi. 16.09.2009 17:49 Uhr #9
    User Pic
    Revolution Hall Of Fame
    Registriert seit
    14.08.2006
    Beiträge
    1.688
    Beitragswertungen
    109 Beitragspunkte
    hier mal ein kleines beispiel:


    der wert 450px muss angepasst werden, als richtwert halbe content breite. 
    <div style="width:450px; float:left;">

<a href="index.php?news-{id}" title="{title}" >{title}</a>
<div style="float:left;">{datum}</div> 
<div style=" text-align:right;">{kate}</div>
<div style=" text-align:justify;">{text} {more}</div>
						

{EXPLODE}


    und dann deinen rest. (also alles nach dem ersten {EXPLODE} )

    Du musst nur news 1 (bezug auf dein beispiel) formatieren.
    Durch das float wird die neue immer vor die alte gestellt

    Beispiel:

    4 3
    2 1

    1: älteste nachricht | 4: neuste nachricht (sowie du es möchtest also)
    Zuletzt modifiziert von Revolution am 16.09.2009 - 17:54:21
    Kreativ, modern, Conversion und Usability optimiert
    individuelles Webdesign für ein optimales Erscheinungsbild
    404studios
    0 Mitglieder finden den Beitrag gut.
  10. Mi. 30.09.2009 16:10 Uhr #10
    User Pic
    Loqi-X Mitglied
    Registriert seit
    13.10.2008
    Beiträge
    439
    Beitragswertungen
    1 Beitragspunkte
    Leider hat mein Coder mein Design nicht fertig gemacht.
    Dank Mairu ist das Design endlich fertig.
    Allerdings konnte er die News nicht machen, wie ich es wollte.

    Revolution, könntest du mir vielleicht die Code zusammen basteln?

    Würde mich unendlich freuen, würde dich auch auf unserer HP verlinken.

    MfG Loqi-X
    ARANYOSDESIGNS - Optimization is creative

    0 Mitglieder finden den Beitrag gut.
  11. So. 04.10.2009 13:01 Uhr #11
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    So jetzt hatte ich mal wieder ein bisschen, Zeit, ist nicht genau, was du wolltest aber so ungefähr und du kannst halt ja auch noch selbst Änderungen machen, du musst aber halt beachten, dass die News eine feste Größe haben und nicht zu lang sein dürfen!

    Hier der Anfang der news.htm 
    <div class="news">
	<div class="banner">{kate}</div>
  	<div class="text">
  		<a class="title" href="index.php?news-{id}">{title}</a>
  		<br /><br />
  		{text}
  		<br /><br />{readwholenews}
	</div>
	<div class="footer">
		<div class="author">Author: <strong>{username}</strong></div>
		<div class="koms">Kommentare: <a href="index.php?news-{id}">{kom}</a></div>
		<div class="date"><strong>{datum}</strong></div>
	</div>
</div>
{EXPLODE}
<div class="clear"></div>
<br />
<br /><center>{SITELINK}</center>

{EXPLODE}


    Und dann noch etwas, was in die style.css eingefügt werden muss. 
    /* News */
.news {
	width: 400px;
	height: 400px;
	overflow: hidden;
	float: left;
	margin: 0 6px 10px 0px;
}

.news .banner {
	height: 56px;
}

.news .text {
	padding: 15px 0 0 5px;
	height: 300px;
	width: 300px;
}

.news .text a.title {
	text-decoration: none;
	font-weight: bold;
}

.news .footer {
	height: 20px;
	width: 380px;
	margin: 3px auto;
	background: #E2E2E2;
	padding: 3px 2px 0 4px;
}

.news .footer strong, .news .footer a {
	color: #005BB7;
	text-decoration: none;
	font-weight: bold;
}

.news .footer div {
	width: 33%;
	text-align: left;
	float: left;
}
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Allgemein

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten