Registriere dich hier, um versteckte Bereiche sehen zu können, Highscores zu speichern oder Fragen zu stellen!

[AcidTech] - News Block zum "Scrollen" bringen

Adminbereich » Styles » Themes sind Stylesheets (CSS) Vorlagen (Farben, größen, Abstände (prosilver auch Grafiken))
Adminbereich » Styles » Templates sind HTML Vorlagen (wo was angezeigt wird und ob überhaupt)

subSilver und prosilver Styles - es gibt 2 Arten von Styles, hier alle im Überblick:
subSilver2 Styles: 610nm, AcidTech, Vista, bo2Soft, subsilver2, eTech, Serenity, vBoard, vLight, vPlasma, subBlack
prosilver Styles: BrownChocolate, WoWKing, Eliteblue, Glacier, GreenGrass, RedSunrise, prosilver
Kostenloses phpbb2 Forum
phpbb2 Forum Hosting
www.phpbb6.de
phpbb9 ist das Support Forum für unsere Hosting Services.Hilfe nur für Foren von Kostenloses-Forum.be, Userboard.org, plusBB, phpbb8.de, phpbb6.de, Gratis-Board.de und Forumo.de.
Du hast dein Forum nicht bei uns? Dann schaue dich um und siehe was du selbst völlig kostenlos machen könntest, gucke dir auch andere interessante Foren aus unserem Netzwerk an!
Du erhältst hier Tipps und Problemlösungen zu deinem Forum bei uns!

phpbb3
phpBB3 Forum Hosting
www.phpbb8.de
AbonnentenAbonnenten: 1
LesezeichenLesezeichen: 0
Zugriffe: 222

[AcidTech] - News Block zum "Scrollen" bringen

Beitrag#1von Stoph87 » 21.09.2010 13:23

Hallo @ alle,
ich wollte den "News-Block" manuell zum Scrollen bringen, da der "normale" Weg ja nicht funktioniert, also einfach in
ACP > Portal > Blöcke verschieben/ändern > Nachrichten > Scrollen erlauben

Also habe ich in ACP > Styles > Templates > {mein Style, in diesem Fall "AcidTech"} > Bearbeiten > block_news.html mal rein gespickelt, anschließend in block_1.html und die beiden Codes verglichen und den block_news.html folgendermaßen verändert:

Original Code

Code: Alles auswählen
<!-- BEGIN news_row -->
       <!-- IF news_row.S_NO_TOPICS -->
              <center><span class="genmed"><strong>{L_NO_NEWS}</strong></span></center></dd>
       <!-- ELSE -->
       <div class="mynews <!-- IF news_row.S_ROW_COUNT is odd -->row1<!-- ELSE -->row2<!-- ENDIF -->">
              <div class="inner">
                     <table class="news" width="100%" style="text-align:left; padding: 2px;" border="0">
                            <tr>
                                   <td class="news_title" > {L_TITLE}:  <a href="{news_row.U_VIEW_COMMENTS}"><strong>{news_row.TITLE}</strong></a></td>
                                   <td class="news_poll"> {news_row.ATTACH_ICON_IMG} <!-- IF news_row.S_POLL --> <strong>{L_POLL}: </strong><!-- ENDIF --></td>
                                   <td class="news_poster"> {L_SUBMITTED_BY}:  <a href="{news_row.U_USER_PROFILE}">{news_row.POSTER}</a></td>
                            </tr>
                            <tr><td colspan="3"><hr /></td></tr>
                     </table>
                     <table class="news" width="100%" style="text-align:left;padding:10px;" border="0">
                            <tr>
                                   <td align="left" valign="top">
<div style="padding:9px;font-size:110%;" id="truncate{news_row.TUNC}">{news_row.TEXT}</div>
<script type="text/javascript">
var len = {NEWS_LAENGE};
var div{news_row.TUNC} = document.getElementById('truncate{news_row.TUNC}');
if (div{news_row.TUNC}) {

  var trunc = div{news_row.TUNC}.innerHTML;
  if (trunc.length > len) {

    trunc = trunc.substring(0, len);
    trunc = trunc.replace(/\w+$/, '');
    trunc = trunc.replace(/<(.*?)>/gi, '');

    trunc += '<a href="#" ' +
      'onclick="this.parentNode.innerHTML=' +
      'unescape(\''+escape(div{news_row.TUNC}.innerHTML)+'\');return false;">' +
      '<br><b><span style="font-size:150%;">...<\/span> {L_READ_FULL}<\/a><\/b>';
    div{news_row.TUNC}.innerHTML = trunc;
  }
}
</script>
                                   </td>
                            </tr>
                     </table>
                     <table class="news" width="100%" style="text-align:left; padding: 2px;" border="0">
                            <tr><td colspan="3"><hr style="color:#00FFFF;" /></td></tr>
                            <tr>
                                   <td class="news_time"> {news_row.TIME} </td>
                                   <td class="news_comments"> <a href="{news_row.U_VIEW_COMMENTS}" title="{L_VIEW_COMMENTS}">{L_COMMENTS}: {news_row.REPLIES}</a> </td>
                                   <td class="news_reply"> <!-- IF news_row.ALLOW_REPLY --><a href="{news_row.U_POST_COMMENT}">{L_POST_REPLY}</a> &nbsp; <!-- ENDIF --></td>
                            </tr><tr><td colspan="3"><hr style="color:#00FFFF;" /></td></tr>
                     </table>
                     <table class="news" width="100%" style="text-align:left; padding: 2px;" border="0">
                            <tr>
                                   <td>
                            </tr>
                     </table>
                     
              </div>
       </div>
       <!-- ENDIF -->
       <!-- IF news_row.S_NOT_LAST --><br /><!-- ENDIF -->
<!-- END news_row -->


jetziger Code

Code: Alles auswählen
<!-- BEGIN news_row -->
       <!-- IF news_row.S_NO_TOPICS -->
              <center><span class="genmed"><strong>{L_NO_NEWS}</strong></span></center></dd>
       <!-- ELSE -->
       <div class="mynews <!-- IF news_row.S_ROW_COUNT is odd -->row1<!-- ELSE -->row2<!-- ENDIF -->">
              <div class="inner">
                     <table class="news" width="100%" style="text-align:left; padding: 2px;" border="0">
                            <tr>
                                   <td class="news_title" > {L_TITLE}:  <a href="{news_row.U_VIEW_COMMENTS}"><strong>{news_row.TITLE}</strong></a></td>
                                   <td class="news_poll"> {news_row.ATTACH_ICON_IMG} <!-- IF news_row.S_POLL --> <strong>{L_POLL}: </strong><!-- ENDIF --></td>
                                   <td class="news_poster"> {L_SUBMITTED_BY}:  <a href="{news_row.U_USER_PROFILE}">{news_row.POSTER}</a></td>
                            </tr>
                            <tr><td colspan="3"><hr /></td></tr>
                     </table>
                     <table class="news" width="100%" style="text-align:left;padding:10px;" border="0">
                            <tr>
                                   <td align="left" valign="top">
<div style="padding:9px;font-size:110%;" id="truncate{news_row.TUNC}">{news_row.TEXT}</div>
<script type="text/javascript">
var len = {NEWS_LAENGE};
var div{news_row.TUNC} = document.getElementById('truncate{news_row.TUNC}');
if (div{news_row.TUNC}) {

  var trunc = div{news_row.TUNC}.innerHTML;
  if (trunc.length > len) {

    trunc = trunc.substring(0, len);
    trunc = trunc.replace(/\w+$/, '');
    trunc = trunc.replace(/<(.*?)>/gi, '');

    trunc += '<a href="#" ' +
      'onclick="this.parentNode.innerHTML=' +
      'unescape(\''+escape(div{news_row.TUNC}.innerHTML)+'\');return false;">' +
      '<br><b><span style="font-size:150%;">...<\/span> {L_READ_FULL}<\/a><\/b>';
    div{news_row.TUNC}.innerHTML = trunc;
  }
}
</script>
                                   </td>
                            </tr>
                     </table>
                     <table class="news" width="100%" style="text-align:left; padding: 2px;" border="0">
                            <tr><td colspan="3"><hr style="color:#00FFFF;" /></td></tr>
                            <tr>
                                   <td class="news_time"> {news_row.TIME} </td>
                                   <td class="news_comments"> <a href="{news_row.U_VIEW_COMMENTS}" title="{L_VIEW_COMMENTS}">{L_COMMENTS}: {news_row.REPLIES}</a> </td>
                                   <td class="news_reply"> <!-- IF news_row.ALLOW_REPLY --><a href="{news_row.U_POST_COMMENT}">{L_POST_REPLY}</a> &nbsp; <!-- ENDIF --></td>
                            </tr><tr><td colspan="3"><hr style="color:#00FFFF;" /></td></tr>
                     </table>
                     <table class="news" width="100%" style="text-align:left; padding: 2px;" border="0">
                            <tr>
                                   <td>
                            </tr>
                     </table>
                     
              </div>
       </div>
       <!-- ENDIF -->
       <!-- IF news_row.S_NOT_LAST --><br /><!-- ENDIF -->
     
       <!-- IF news_row.SCROLL == 1 --><marquee behavior="scroll" direction="up" style="height:230px;overflow:hidden;" height="230" scrolldelay="85" scrollamount="2" loop="infinite" onmouseover="this.stop()" onmouseout="this.start()"><!-- ENDIF -->
<!-- IF news_row.SCROLL == 1 --></marquee><!-- ENDIF -->
<!-- END news_row -->


Bevor ihr euch zu Tode sucht, ich habe in den alten Code einfach eine neuen "If-Befehl" den ich aus dem block_1.html kopiert habe, ganz unten eingefügt, und gehofft, dass das dann hin haut.

Da ich aber von programmieren keinen blassen schimmer habe und mich gerne als DAU oute, hab ich auch nicht erwartet, dass es gleich klappt.

Meine Frage:
Ist es überhaupt möglich, den "News-Block" zum scrollen zu bringen und wenn ja, welche Veränderungen muss ich noch vornehmen?


Vielen Dank schonmal für eure Ideen! Vllt habe ich den Code ja nur an der falschen Stelle eingefügt oder ich muss noch ein anderes Template abändern?

Wenn keiner was weiß, werd ich meine laienhaften Änderungen wieder rückgängig machen *g*.
Benutzeravatar
Stoph87
Einsteiger
Einsteiger
 
Beiträge: 9
Registriert: 09.2010
Barvermögen: 766,69 Points
Danke gegeben: 3
Danke bekommen: 0x in 0 Post
Geschlecht: männlich

Ähnliche Themen
» Meldung "Nachricht zu kurz"

Re: [AcidTech] - News Block zum "Scrollen" bringen

Beitrag#2von Teamleiter & Techniker Gooof » 21.09.2010 13:34

Lösche deinen Code mal wieder und füge in die block_news.html folgendes ein.

Als erstes, ganz oben 1. Zeichen dieses einfügen:
Code: Alles auswählen
<marquee behavior="scroll" direction="up" style="height:500px;overflow:hidden;" height="500" scrolldelay="85" scrollamount="2" loop="infinite" onmouseover="this.stop()" onmouseout="this.start()">


und ganz am Ende, letztes Zeichen folgendes:
Code: Alles auswählen
</marquee>



dann müsste auch der Block scollen.
Kostenloses phpBB3 Foren Hosting - Entwickler | Hosting | Admin :Pingouin02:
Benutzeravatar
Teamleiter & Techniker Gooof
Foren Doktor
Foren Doktor
 
Beiträge: 30245
Registriert: 12.2005
Barvermögen: 3.407,07 Points
Bank: 27.117,60 Points
Wohnort: phpbb9.de
Danke gegeben: 1228
Danke bekommen: 3424x in 1909 Posts
Highscores: 212
Geschlecht: männlich
Deine Foren-URL: http://support.phpbb8.de
Forenstyle: prosilver Special Smooth

folgende User möchten sich bei Teamleiter & Techniker Gooof bedanken:

Re: [AcidTech] - News Block zum "Scrollen" bringen

Beitrag#3von Stoph87 » 21.09.2010 16:34

Hey Gooof, voll genial! :D
Hat wunderbar geklappt, ich habe die Höhe noch ein wenig angepasst, aber sonst alles super :thumbsup:
Vielen Dank für die schnelle Hilfe :hut:
Benutzeravatar
Stoph87
Einsteiger
Einsteiger
 
Beiträge: 9
Registriert: 09.2010
Barvermögen: 766,69 Points
Danke gegeben: 3
Danke bekommen: 0x in 0 Post
Geschlecht: männlich


Zurück zu "phpBB3: Styles, Themes und Templates"


 

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast

Besucher kamen durch folgende Suchbegriffe auf diese Seite:

phpbb8 mouseover farbe acidtech scrolling news phpbb3 acidtech who is online verschieben html block scrollen news scrollen news scrollen html html news scrollen this.parentNode.innerHTML loop <marquee direction=up loop=true height=500>