Coding in der Kopfzeile

17.11.2017 00:09
#1 Coding in der Kopfzeile
Th
Mitglied

Als blutiger Anfänger (der trotz rum suchen) nichts gefunden hat, brauche ich ich Hilfe beim Coding. Das bisherige Coding sieht so aus:

---------------------------------------------------------------------------------------------------------------------------------------------------------------------
<center><a href="http://theupcomingwar.xobor.de/" target="_blank"><img src="http://fs5.directupload.net/images/170928/bphlgyub.png"></a></a>
<table class="tabelle" style="background-color:#010529;" cellpadding=0 cellspacing=1 border=1 bordercolor=#656596>
<tr valign="middle"><br>
<td align="center" width="10%"><img class="Team" src="//fs5.directupload.net/images/170927/edcioj54.png"/></td>
<td align="center" width="10%"><img class="Info" src="//fs5.directupload.net/images/170927/iwhuiy6u.png"/></td>
<td align="center" width="10%"><img class="Wichtige Linksr" src="//fs5.directupload.net/images/170927/y37dyeyy.png"/></td>
<td align="center" width="10%"><img class="Most Wanteds" src="//fs5.directupload.net/images/170927/kf3mx5mn.png"/></td>

</tr>
<tr valign="middle">
<td width="5%" align="justify" style="padding:5px;" valign="top">
<center><a href="http://www.directupload.net" target="_blank"><img src="http://fs5.directupload.net/images/170927/mky4mc3p.png"</a>
<br><br>
Das Team von "The Upcoming War" steht euch bei jeglichen Fragen zur Seite !
</center></td>
<td width="5%" align="justify" style="padding:5px;" valign="middle">

<center><div class="Text">
<p>FSK 18; </p>

<p>The Vampire Diaries & The Originals</p>

<p>Crossoverforum mit Freeplayelementen</p>

<p>Handlungsjahr 2027</p>






<td width="5%" align="justify" style="padding:5px;" valign="middle">
<center><a href=""></a>

<center> <p><a href="http://theupcomingwar.xobor.de/t1f3-Was-bisher-geschah.html">Story</a></p>
<p><a href="http://theupcomingwar.xobor.de/f6-Auflistung-der-Wesen.html">Unsere Wesen</a></p>
<p><a href="http://theupcomingwar.xobor.de/f12-Vermisste-Personen.html.">Vermisste Personen</a></p>
</center></td>
<td width="5%" align="justify" style="padding:5px;" valign="top">
<center><strong></strong><br><br>
Elijah vermisst seine Familie, Davina Claire, Marcel Gerard und all die anderen des TVD & TO Universums. Freecharaktere sind ebenso gern gesehen!
Wo seid ihr? Wir brauchen euch! Auch werden Mitglieder der 3 Gruppierungen der Organisation gesucht.</center></td></tr></table>





<link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Amatic+SC|Dancing+Script|Gloria+Hallelujah|Indie+Flower|Libre+Barcode+128+Text|Lobster|Lobster+Two|Pacifico|Wendy+One" rel="stylesheet">
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Nun ist das Team des The Upcoming War Forums (einem Vampire Diaries/The Originals-Roleplayforum) gewachsen. Anstatt nur ein Avabild anzuzeigen würde ich gerne alle 3 Teammitglieder als Bilder in der Kopfzeile haben.

Alle 3 Bilder sollten gleich groß sein und in die Kopfzeile passen





Für Hilfe wäre ich echt dankbar


 Antworten

 Beitrag melden
17.11.2017 11:12 (zuletzt bearbeitet: 17.11.2017 11:17)
avatar  Mike48
#2 RE: Coding in der Kopfzeile
avatar
Mitglied

Dein Code ist fehlerhaft.

<center>
<a href="http://www.directupload.net" target="_blank" ao_sl_mid="36904" onmousedown="function (e){}" onclick="function (e){}" ao_sl_clk="function (e){}" o_sl_omd="function (e){}" ao_sl_href="http://www.directupload.net/">
<img src="http://fs5.directupload.net/images/170927/mky4mc3p.png" <="" a="">
<br><br>
Das Team von "The Upcoming War" steht euch bei jeglichen Fragen zur Seite !
</a></center>


Richtig ist
<center>
<a href="http://www.directupload.net" target="_blank" ao_sl_mid="36904" onmousedown="function (e){}" onclick="function (e){}" ao_sl_clk="function (e){}" o_sl_omd="function (e){}" ao_sl_href="http://www.directupload.net/">
<img src="http://fs5.directupload.net/images/170927/mky4mc3p.png" /></a>
<br><br>
Das Team von "The Upcoming War" steht euch bei jeglichen Fragen zur Seite !
</center>


Für weitere Bilder

<center>
<a href="http://www.directupload.net" target="_blank" ao_sl_mid="36904" onmousedown="function (e){}" onclick="function (e){}" ao_sl_clk="function (e){}" o_sl_omd="function (e){}" ao_sl_href="http://www.directupload.net/">
<img src="http://fs5.directupload.net/images/170927/mky4mc3p.png" />
</a>
<!-- begin hier weitere Bilder-Links →
<a href="http://www.directupload.net" target="_blank" ao_sl_mid="36904" onmousedown="function (e){}" onclick="function (e){}" ao_sl_clk="function (e){}" o_sl_omd="function (e){}" ao_sl_href="http://www.directupload.net/">
<img src="http://fs5.directupload.net/images/170927/mky4mc3p.png" />
</a>
<a href="http://www.directupload.net" target="_blank" ao_sl_mid="36904" onmousedown="function (e){}" onclick="function (e){}" ao_sl_clk="function (e){}" o_sl_omd="function (e){}" ao_sl_href="http://www.directupload.net/">
<img src="http://fs5.directupload.net/images/170927/mky4mc3p.png" />
</a>
<!-- ende hier weitere Bilder-Links →
<br><br>
Das Team von "The Upcoming War" steht euch bei jeglichen Fragen zur Seite !
</center>


Ich habe die Links einfach kopiert.
Du musst dem 2. und 3. durch die neuen Bilder ersetzen.
Diesen Teil:
  <a href="http://www.directupload.net" target="_blank" ao_sl_mid="36904" onmousedown="function (e){}" onclick="function (e){}" ao_sl_clk="function (e){}" o_sl_omd="function (e){}" ao_sl_href="http://www.directupload.net/">
<img src="http://fs5.directupload.net/images/170927/mky4mc3p.png" />
</a>


Wenn die Bildergröße unterschiedlich ist kannst du in die img-Tag noch ein " height="50px" (oder andere Größe in px) einsetzen.
<img src="http://fs5.directupload.net/images/170927/mky4mc3p.png" height="50px" />


www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
17.11.2017 13:14
#3 RE: Coding in der Kopfzeile
Th
Mitglied

Der Code wurde von einem anderen Mitglied erstellt. Ich habe daran nichts geändert gehabt


 Antworten

 Beitrag melden
17.11.2017 13:23
avatar  Mike48
#4 RE: Coding in der Kopfzeile
avatar
Mitglied

Zitat von Thomas Schmidt im Beitrag #3
Der Code wurde von einem anderen Mitglied erstellt. Ich habe daran nichts geändert gehabt

Das macht nichts. Dadurch werden die Fehler nicht weniger.

Interessanter wäre, ob der Vorschlag von mir hilft.


www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
17.11.2017 13:37
avatar  Mike48
#5 RE: Coding in der Kopfzeile
avatar
Mitglied

Wo soll der Link hinführen?
Soll der auf jedes einzelne Bild wirken und je ein eigenes Ziel haben oder soll er auf den Text darunter wirken und nur ein Ziel haben?
Wenn nur ein Ziel sein soll, kannman das auch zusammen führen, die Bilder und den Text darunter.


www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
17.11.2017 13:38 (zuletzt bearbeitet: 17.11.2017 13:38)
avatar  Mike48
#6 RE: Coding in der Kopfzeile
avatar
Mitglied

Wo soll der Link hinführen?
Soll der auf jedes einzelne Bild wirken und je ein eigenes Ziel haben oder soll er auf den Text darunter wirken und nur ein Ziel haben?
Wenn nur ein Ziel sein soll, kann man das auch zusammen führen, die Bilder und den Text darunter.


www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
17.11.2017 13:39
#7 RE: Coding in der Kopfzeile
Th
Mitglied

Der Text "Das Team von "The Upcoming War" steht euch bei jeglichen Fragen zur Seite !" soll einfach unter die 3 Bilder


 Antworten

 Beitrag melden
17.11.2017 13:41
avatar  Mike48
#8 RE: Coding in der Kopfzeile
avatar
Mitglied

Wenn nur ein gemeinsames Ziel sein soll dann könnte es so aussehen

<center>
<a href="http://www.directupload.net" target="_blank" ao_sl_mid="36904" onmousedown="function (e){}" onclick="function (e){}" ao_sl_clk="function (e){}" o_sl_omd="function (e){}" ao_sl_href="http://www.directupload.net/">
<img src="http://fs5.directupload.net/images/170927/mky4mc3p.png" />
<!-- begin hier weitere Bilder-Links →
<img src="http://fs5.directupload.net/images/170927/mky4mc3p.png" />
<img src="http://fs5.directupload.net/images/170927/mky4mc3p.png" />
<!-- ende hier weitere Bilder-Links →
<br><br>
Das Team von "The Upcoming War" steht euch bei jeglichen Fragen zur Seite !
</a>
</center>


www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
17.11.2017 13:44 (zuletzt bearbeitet: 17.11.2017 13:45)
avatar  Mike48
#9 RE: Coding in der Kopfzeile
avatar
Mitglied

Soll man überhaupt was anklicken können in der Box?
Jetzt kommt man zum Bilderhochlader.


www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
17.11.2017 13:48
#10 RE: Coding in der Kopfzeile
Th
Mitglied

Muss nur bei den Links unter "wichtigen Links" funktionieren. Story. Unsere Wesen. Vermisste Personen


 Antworten

 Beitrag melden
17.11.2017 13:53 (zuletzt bearbeitet: 17.11.2017 13:55)
avatar  Mike48
#11 RE: Coding in der Kopfzeile
avatar
Mitglied

Also in der Box wo du jetzt drei statt ein Bild haben möchtest sollen nur die drei BIlder mit dem Text "Das Team von "The Upcoming War" steht euch bei jeglichen Fragen zur Seite !" stehen und nichts anklickkbar sein.

Dann können in dem Block alle a-Tags raus. Sieht dann so aus

1
2
3
4
5
6
7
8
9
 
<center>
<img src="http://fs5.directupload.net/images/170927/mky4mc3p.png" /> <!-- 1. Bild -->
<!-- begin hier weitere Bilder-Links -->
<img src="http://fs5.directupload.net/images/170927/mky4mc3p.png" /> <!-- 2. Bild -->
<img src="http://fs5.directupload.net/images/170927/mky4mc3p.png" /> <!-- 3. Bild -->
<!-- ende hier weitere Bilder-Links -->
<br><br>
Das Team von "The Upcoming War" steht euch bei jeglichen Fragen zur Seite !
</center>
 


www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
17.11.2017 15:02 (zuletzt bearbeitet: 17.11.2017 15:06)
avatar  Mike48
#12 RE: Coding in der Kopfzeile
avatar
Mitglied

Ich habe mal die zwei Bilder mit eingesetzt und bei getestet. So funktioniert es.

1
2
3
4
5
6
7
 
<center>
<img src="//fs5.directupload.net/images/170927/mky4mc3p.png" height="80px">&nbsp; <!-- 1. Bild -->
<img src="//i.pinimg.com/236x/51/13/cc/5113cc90bf64c674604c386cc71557cd--phoebe-tonkin-marshalls.jpg" height="80px">&nbsp; <!-- 2. Bild -->
<img src="//i.pinimg.com/736x/60/4e/4a/604e4ab975a935a6972e57965129d014--blonde-beauty-blonde-hair.jpg" height="80px"> <!-- 3. Bild -->
<br><br>
Das Team von "The Upcoming War" steht euch bei jeglichen Fragen zur Seite !
</center>
 



Mit &nbsp; habe ich zwischen die Bilder einen Abstand gemacht.


www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

 Antworten

 Beitrag melden
17.11.2017 15:22
avatar  ( gelöscht )
#13 RE: Coding in der Kopfzeile
Gast
( gelöscht )

Ich hätte hier mal eine Frage zu *Beitrag#8* bitte.

Was bewirken denn die onclick, mousedown usw. Functionen, die im Falle ja nicht weiter belegt sind ?

Vielen Dank


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!