Avatare & Wechselbanner

[Wuschelfury]

Guten Tag,

ich habe zwei Fragen an die Profis (: Also, erstens:

Ich möchte gerne einen Code einfügen, damit man die Avatare auf der Startseite sehen kann. Also so wie hier:



Ich bräuchte nur den Code dafür, dann kann ich alles andere alleine machen (:

Und dann noch meine zweite Frage. Ich hätte gerne einen Wechselbanner in meinem Forum. Auch wie hier:

http://kyoto.forumieren.de/forum.htm

Also, wenn man die Seite aktualisiert, soll ein anderes Bild gezeigt werden, aber auch hier bräuchte ich den Code. Und meine wichtigste Frage: Wo muß man diesen dann einfügen?

Ich hoffe ihr könnt mir weiter helfen und ich bedanke mich schon mal im Voraus für eure Hilfe <3

Liebe Grüße,
Wuschelfury

[#Frank]

Beide Sachen Findest du wenn du hier mal die Suche Benutzt.
Schau dir mal diese Suche an:
https://hilfe.forumieren.com/search.forum?search_keywords=Bannerwechsel

Das was du dort mit dem Avatar zeigst ist ein Indexmodul.
In diesem Fall ist es das Log In Modul.
Ausgelogt siehst du dort ein Anmeldefeld, Angemeldet wird dir dort dein Avatar und einige andere Informationen angezeigt.

[jany]

Nur so mal ein kleiner Vorschlag von mir , ich hab eine animation (bilder hinter einander 10sec wechsel...) gemacht , dann sehen die user auf jedenfall das 2. und 3. bild ! Nur so ein Vorschlag^^

[Wuschelfury]

Der Vorschlag ist gut, danke^^ Nur meine Frage: Wie und wo fügt man das ein?

[jany]

Kein Thema , meinst du die Animation ?

[#Frank]

Jany,

es gibt da nur eine kleinen Schönheitsfehler mit deinem Banner:
Der Banner ist 1.5 MB groß.
http://www.abload.de/img/egbyjhg7hy.gif
Hast du dir mal überlegt, was mit deiner Grafik passiert, wenn das einer mit einer Mobilen Internetverbindung anzeigen möchte, der nur einen Download mit 300kBit erreicht?
Der wird sich an deiner Grafik tot laden, bevor er dein Forum sehen kann.
Da würde ich sagen "Na vielen Dank".
In den Zeiten von Breitbandverbindungen heutzutage macht sich wirklich keiner mehr Gedanken um die Dateigröße und die Datenmenge dort übertragen werden muss.
Das ist ein Fehler der dir die User kosten kann.
Versuch mal dein Forum mit dem I Phone aufzurufen wenn du kein 3G Netz hast. Dann kannst du es vergessen.
Wobei ein Forum mit dem IPhone sowieso keinen Spaß macht, aber das ist ein anderes Thema.
Und das dann bei jedem Seitenaufruf.

Edit:

Hier noch mal zwei Andere Vorschläge für eine Wechselgrafik im Header:
1. https://hilfe.forumieren.com/sammlung-scripts-codes-und-template-anderungen-f19/template-bb2-headergrafik-wechselt-bei-seitenwechsel-t8365.htm#46264
2. https://hilfe.forumieren.com/sammlung-scripts-codes-und-template-anderungen-f19/skript-fur-alle-phpbb-versionen-logo-des-forums-wechselt-bei-seitenwechsel-t13722.htm

[jany]

Ja Frank stimmt schon , nur jetzt kommt das womit ich nicht gerechnet hätte , ich habe es mit meinem Handy und meinem IPod ausprobiert ich sah die Grafik als erstes und das sogar mit animation ! Ausserdem , wer schreibt schon von seinem Handy aus in ein forum ? Finde ich persönlich Schwachsinn , da muss es schon news oder so etwas geben !

[#Frank]

Dann hast du eine Gute Verbindung gehabt. Wenn du kein 3G Netz hast, dann dauert das schon einige Zeit.
Das Mit dem Handy war auch nur ein Beispiel.
Aber vergiss mal nicht die sogenannten Surf Stiks.
Wenn du da ein schlechtes Netz hast, dann werden Foren ohne große Grafiken schon zu einem Spaßtöter.

[jany]

Wir liegen ausserhalb der stadt und bei online games laggt es auch sehr ping etc nein hör auf ... ich habe das allerdings bei meinem Opa ausprobiert der wohnt 14km weiter und hat wieder eine andere verbindung ^^

[Wuschelfury]

Ja, ich meine die Animation. Oder besser gesagt den Wechselbannr. Tut mir leid, normal stelle ich mich nicht so doof an, aber meine Frage ist folgende:

Wo muß ich den vollständig ausgefüllten Code für den Banner einfügen? Muß ich das irgendwie... hochladen, oder kann ich den Code so nehmen und irgendwo einfügen? Denn da wo man den normalen Banner reinfügt, kann man ja nicht so einen ganzen Code rein machen.

[#Frank]

Wen du das aus den Beschreibungen meinst, dann bitte gründlich diese Lesen. Dort steht alles genau beschrieben.

[Wuschelfury]

Okay... ich habs gefunden. Aber irgendwie zeigt mir das Forum den Banner nicht an. Es zeigt nur den Seitennamen an. Woran könnte das denn liegen?

[#Frank]

Welche Beschreibung hast du denn nun gewählt?
Im Moment sehe ich bei dir im Forum keine Änderung.
Lass uns mal wissen, welche Version du gewählt hast und wie deine Arbeitsschritte waren.
Wenn du die Beschreibung und den weg von mir gewählt hast, dann bitte auch mal dein Script hier Posten.
Das Script dann bitte in

Code:

[code][/code]

setzen.

[Wuschelfury]

Also Version ist phpbb2. Ich habe es in einem Testforum versucht, deshalb sieht man bei mir keine Änderungen.

Ich habe Deine erste Version genommen, also diese hier: https://hilfe.forumieren.com/sammlung-scripts-codes-und-template-anderungen-f19/template-bb2-headergrafik-wechselt-bei-seitenwechsel-t8365.htm#46264

Ich habe es so gemacht, wie es dastand, wie man auch im Anschluß sehen kann. Ich habe den ersten Teil zwischen {CSS} & <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" /> eingefügt und den zweiten von <!-- BEGIN switch_logo_center -->
bis
<!-- END switch_logo_center --> eingefügt, bzw ersetzt. Irgendwo muß mir allerdings ein Fehler unterlaufen sein, den ich nicht sehe. Jetzt sieht mein Tesforum so aus: http://puzzleme.forumieren.com/forum.htm

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" xmlns="http://www.w3.org/1999/xhtml">
<head>
   <!-- BEGIN meta_emulate_ie7 -->
   <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
   <!-- END meta_emulate_ie7 -->
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
   <meta http-equiv="content-script-type" content="text/javascript" />
   <meta http-equiv="content-style-type" content="text/css" />
   {META_FAVICO}
   {META}
   <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
   {T_HEAD_STYLESHEET}
   {CSS}
<script language="JavaScript">
<!--
// ==============================================
// Copyright 2003 by jsCode.com
// Source: jsCode.com
// Author: etLux
// Free for all; but please leave in the header.
// ==============================================

// Set up the image files to be used.
var theImages = new Array() // do not change this
// To add more image files, continue with the
// pattern below, adding to the array. Rememeber
// to increment the theImages[x] index!

theImages[ 0 ] ='http://i41.tinypic.com/2it4kl4.jpg'
theImages[ 1 ] ='http://i444.photobucket.com/albums/qq170/ShinwaKyoto/Banner/Aisuna.jpg'
theImages[ 2 ] ='http://i444.photobucket.com/albums/qq170/ShinwaKyoto/Banner/Mishou.jpg
// Hier Liste bei Bedarf erweitern

// ======================================
// do not change anything below this line
// ======================================

var j = 0
var p = theImages.length;

var preBuffer = new Array()
for (i = 0; i < p; i++){
preBuffer[ i ] = new Image()
preBuffer[ i ].src = theImages[ i ]
}

var whichImage = Math.round(Math.random()*(p-1));
function showImage(){
document.write('<img src=&quot;'+theImages[whichImage]+'&quot;>');
}

//-->
</script>
   <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
   <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
   <!-- BEGIN switch_ticker -->
   <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
   <!-- END switch_ticker -->
   <script type="text/javascript">
   //<![CDATA[
   $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
         pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
         pm.focus();
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
         report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
         report.focus();
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
         ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
      <!-- END switch_ticker -->
   });

   <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
   <!-- END switch_login_popup -->
   //]]>
   </script>

   {GREETING_POPUP}
   <!-- BEGIN hitskin_preview -->
   <style type="text/css">
   #hitskin_preview {
      margin: 0; padding: 0;
      position: fixed;
      top: 0; left: 0;
      width: 100%;
      height: 65px;
      background: url('http://2img.net/i/fa/hitskin/hitskin_bar.png') repeat-x left -15px;
      color: #fff;
   }
   * html #hitskin_preview { /* Fix for IE6 since it doesn't implement fixed positionning */
      position: absolute;
      top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
      z-index: 2;
      background: transparent url('http://2img.net/i/fa/hitskin/hitskin_bar-ie6.gif') repeat-x left -15px;
   }
   * html { /* Gunlaug's Speed fix for the above positionning fix. Sorry for the fix for the fix */
    background: #fff url(foo) fixed;
    }
   #hitskin_preview h1 {
      float: left;
      margin: 3px 0 0 0;
      padding: 0 0 0 10px;
      font: italic normal 25px Arial,sans serif;
      color: #fff;
   }
   #hitskin_preview h1 img {
      vertical-align: middle;
   }
   #hitskin_preview em {
      color: #7CBA2C;
      font-weight: bold;
   }
   #hitskin_preview a {
   color: #fff;
   }
   #hitskin_preview a:hover {
   text-decoration: underline;
   }

   #hitskin_preview .content {
      text-align: right;
   }
   #hitskin_preview .content p {
      margin: 4px 1em 0px 1em;
      font-size: 13px;
      line-height: 1.8em;
      color: #fff;
      font-weight: bold;
   }
   #hitskin_preview .content p span {
      font-weight: normal;
      font-size: 0.8em;
   }
   body {
      margin-top: 40px !important;
   }
   {hitskin_preview.HITSKIN_RTL_CSS}
   </style>
   <!-- END hitskin_preview -->
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
   <!-- BEGIN hitskin_preview -->
   <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
      <div class="content">
         <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
         </p>
      </div>
   </div>
   <!-- END hitskin_preview -->

   <!-- BEGIN switch_login_popup -->
   <div id="login_popup">
      <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
         <tr height="25">
            <td class="catLeft">
               <span class="genmed module-title">{SITENAME}</span>
            </td>
         </tr>
         <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
            <td class="row1" align="left" valign="top">
               <div id="login_popup_buttons">
                  <form action="{S_LOGIN_ACTION}" method="get">
                     <input type="submit" class="mainoption" value="{L_LOGIN}" />
                     <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                     <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                  </form>
               </div>
               <span class="genmed">{LOGIN_POPUP_MSG}</span>
            </td>
         </tr>
      </table>
   </div>
   <!-- END switch_login_popup -->

   <a name="top"></a>
   {JAVASCRIPT}
   <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
         <td class="bodyline">
            <table width="100%" cellspacing="0" cellpadding="0" border="0">
               <tr>
                  <!-- BEGIN switch_logo_left -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <td align="center" width="100%" valign="middle">
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
                  </td>
                  <!-- END switch_logo_left -->

               <!-- BEGIN switch_logo_center -->
<center>
<td {imageback} width="100%" align="center">

<a href="http://puzzleme.forumieren.com/forum.htm">

<script language="JavaScript">
<!--
// ==============================================
// Copyright 2003 by jsCode.com
// Source: jsCode.com
// Author: etLux
// Free for all; but please leave in the header.
// ==============================================
showImage();
//-->
</script></a></td>
</center>

<br />
<div class="maintitle">{Mille Lune, Mille Onde}</div><br />
<span class="gen">{Ein Crossover RPG}</span>
</td>
<!-- END switch_logo_center -->
                  <!-- BEGIN switch_logo_right -->
                  <td align="center" width="100%" valign="middle">
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
                  </td>
                  <td>
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                  </td>
                  <!-- END switch_logo_right -->
               </tr>
            </table>

            <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
               <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
               </tr>
            </table>

            <div style="clear: both;"></div>

            <!-- BEGIN switch_ticker -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                     <td {CLASS_TABLE_TYPE} align="left" class="row1">
                        <div id="fa_ticker_container">
                           <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                              <div class="fa_ticker_content">
                                 <!-- BEGIN ticker_row -->
                                 <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                 <!-- END ticker_row -->
                              </div>
                           </div>
                        </div>
                     </td>
                  </tr>
               </table>
            </div>
            <!-- END switch_ticker -->

            <div id="page-body">
               <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                  <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                     <tbody>
                        <tr>
                           <td valign="top" width="{C1SIZE}">
                              <div id="{ID_LEFT}">
                                 <!-- BEGIN giefmod_index1 -->
                                 {giefmod_index1.MODVAR}
                                    <!-- BEGIN saut -->
                                    <div style="height:{SPACE_ROW}px"></div>
                                    <!-- END saut -->
                                 <!-- END giefmod_index1 -->
                              </div>
                           </td>
                           <td valign="top" width="100%">
<!-- BEGIN html_validation -->
                           </td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </div>
         </td>
      </tr>
   </table>
</body>
</html>
<!-- END html_validation -->

[#Frank]

Ich schaue mir das morgen noch mal in aller ruhe an. Leider habe ich heute die Zeit nicht dazu.
Ist das die einzige Änderung die du an dem Template vorgenommen hast?
Wenn ja, dann werde ich das mal umsetzen und dir dann das komplette Template hier senden.

[Wuschelfury]

Ja, das ist die einzige Änderung. Ich wäre für Deine Hilfe wirklich sehr dankbar (:

[#Frank]

Also wenn ich mir dein Script so anschaue, dann hast du was wichtiges übersehen:

Bitte beachten, dass das Ganze ausschließlich mit Grafiken im .gif-Format funktioniert.

Du hast hier aber JPG Grafiken eingesetzt.
Das kann schon das Problem sein.

Ich würde dir Empfehlen, das du den anderen Weg wählst.
https://hilfe.forumieren.com/sammlung-scripts-codes-und-template-anderungen-f19/skript-fur-alle-phpbb-versionen-logo-des-forums-wechselt-bei-seitenwechsel-t13722.htm#124585
Der ist wesentlich einfacher, und du kannst dort alle Grafikformate einsetzen.