Banner in dein Profil einfügen

Hier ein kleiner Leitfaden zum Einfügen von Bannern aus Listings in dein persönliches Profil.

 

1.Dein öffentliches Benutzerprofil aufrufen

2 Dann oben rechts auf Bearbeite Dein Profil klicken

Ab jetzt wird es spannend!

Hier als Beispiel das Mega Event „Project Glück Auf 2016“

Den Textschnipsel (im HTML-Format) von der jeweiligen Webseite mit der Maus komplett Markieren und mit der Tastenkombination Strg+C kopieren

<p align="center"><a href="http://www.glueckauf2016.de/" target="_blank"><img src="http://www.glueckauf2016.de/images/project_glueckauf_link_600x145.png" alt="Glück Auf 2016" width="600" height="145" /></a></p>

Anschließend in das weisse Feld (Eingabefeld) unter Beschreibung mit  Strg+V den Text einfügen.

Das Eingabefeld kannst du vorher unten rechts nach unten auch etwas größer ziehen. Aber Vorsicht beim Einfügen!!! evtl. vorhandene Einträge nicht überschreiben!

Wenn alles OK ist, dann auf den großen grünen Knopf Änderung speichern drücken.

 

Jetzt ganz oben auf

Deine Änderungen wurden gespeichert. Dein Profil ansehen

klicken und das Ergebnis überprüfen.

 

Um eine Leerzeile zwischen zwei Bannern zu bekommen noch ein oder mehrere

<br>

hinter dem jeweiligen HTML-Schnipsel einfügen.

 

Details:

  • align=“center“ <- Ausrichtung mittig

 

  • href=“http://www.glueckauf2016.de/“ <- die verlinkte Webadresse
    • hier bei Geocaches den Kurzlink oben aus dem Listing einbauen z.B. „http://coord.info/GC2T18V“

 

  • target=“_blank“ <- in neuem Fenster/Tab öffnen

 

  • img src=“http://www.. ..png“ <- das eigenliche Banner

 

  • alt=“Glück Auf 2016″ <- falls die Grafik nicht verfügbar ist, Text anzeigen

 

  • width=“600″ <- Breite des Banners

 

  • height=“145″ <- Höhe des Banners

 

Advanced:

Um mehrere Banner nebeneinander anzuordnen, kann man die HTML Tabelle verwenden. Ich verwende als Gesamtbreite maximal 750 Pixel und teile die Tabellen Elemente anteilig auf. Die Bannerbreite wiederum um 5 Pixel verringert um Abstände zwischen den Bannern zu erreichen.

Vorlage 2 spaltig:

<table border="0">
  <colgroup>      
  <col width="375">  
  <col width="375">  
  </colgroup>     
  <tr>   
      <td><center>    
          < Banner 1 >
      </center></td>  
      <td><center>
          < Banner 2 >
      </center></td>  
  </tr>  
</table>  

Vorlage 3 spaltig:

<table border="0">
  <colgroup>      
  <col width="250">  
  <col width="250">  
  <col width="250">  
  </colgroup>     
  <tr>   
  <td><center>    
      < Banner 1 >
   </center></td>  
  <td><center>
      < Banner 2 >
  </center></td>  
  <td><center>
      < Banner 3 >
  </center></td>  
  </tr>  
</table>  

 

Wird auf Wunsch gern erweitert…