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
FollowersFollowers: 1
BookmarksBookmarks: 0
Views: 214

[AcidTech] - News Block zum "Scrollen" bringen

Post#1by 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: Select all
<!-- 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 -->
<!-- ENDIF -->
<!-- END news_row -->


jetziger Code

Code: Select all
<!-- 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 -->
<!-- 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*.
User avatar
Stoph87
Einsteiger
Einsteiger
 
Posts: 9
Joined: 09.2010
Cash on hand: 766.69 Points
Thanks: 3
Thanked: 0 time in 0 post
Gender: Male

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

Post#2by 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: Select all
<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: Select all
</marquee>



dann müsste auch der Block scollen.
Kostenloses phpBB3 Foren Hosting - Entwickler | Hosting | Admin :Pingouin02:
User avatar
Teamleiter & Techniker Gooof
Foren Doktor
Foren Doktor
 
Posts: 30245
Joined: 12.2005
Cash on hand: 3,407.07 Points
Bank: 27,118.15 Points
Location: phpbb9.de
Thanks: 1228
Thanked: 3422 times in 1909 posts
Highscores: 226
Gender: Male
Your Forum URL: http://support.phpbb8.de
Forenstyle: prosilver Special Smooth *

The following user would like to thank Teamleiter & Techniker Gooof for this post

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

Post#3by 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:
User avatar
Stoph87
Einsteiger
Einsteiger
 
Posts: 9
Joined: 09.2010
Cash on hand: 766.69 Points
Thanks: 3
Thanked: 0 time in 0 post
Gender: Male


Return to "phpBB3: Styles, Themes und Templates"


 

Who is online

Users browsing this forum: No registered users and 1 guest

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