Sponsor-Board.de
Hilfe bei HTML Schnipsel

+- Sponsor-Board.de (https://www.sponsor-board.de)
+-- Forum: Community (/forumdisplay.php?fid=56)
+--- Forum: Hilfe (/forumdisplay.php?fid=102)
+---- Forum: Scripting (/forumdisplay.php?fid=108)
+---- Thema: Hilfe bei HTML Schnipsel (/showthread.php?tid=65961)

Hilfe bei HTML Schnipsel - MaXxXaM - 16.03.2019 02:32

Moin,
könnte mir jemand einen kleinen HTML schnipsel schreiben?

Ich habe aktuell schon einen erstellt mit WORD und umgewandelt in html aber irgendwie will es nicht so wie ich und die datei wird zu groß.

http://oi63.tinypic.com/2lo17gj.jpg(!https)

So sieht es aktuell aus. Das untere wäre mein Wunsch, dass der Text gleich gleichmäßig anfängt.

Meine Box fängt unter dem Blauen Strich an.

Bräuchte nur 1 Zeile, den Rest würde ich mir selbst eintragen. Smile

Lieben Gruß
Max M.

RE: Hilfe bei HTML Schnipsel - quiet!? - 16.03.2019 08:48

Der code wäre evtl. Hilfreich Wink

Grüße

RE: Hilfe bei HTML Schnipsel - MaXxXaM - 24.03.2019 05:36

Sorry für die Späte Antwort.

So wird der Code auf der Page eingebunden:

<iframe src="https://encore.gg/awards.html" scrolling="no" width="288" height="155" allowtransparency="true" frameborder="0"></iframe>

Je nachdem wie lang die Award Liste werden soll ändere ich die Höhe "155" um.

[Link: Registrierung erforderlich]

Das was hier zu sehen ist, wird bei mir in der Box angezeigt.
[Link: Registrierung erforderlich]

Ich bräuchte nur eine änhliche Codezeile wie diese:

<IMG><PLATZIERUNG><CUPNAME>
<IMG><PLATZIERUNG><CUPNAME>
<IMG><PLATZIERUNG><CUPNAME>

Sodass ich diese eine Zeile copy+paste machen kann und lediglich die IMG Url, den Rank und den Cupname umändern muss.

Vielen Dank
LG

RE: Hilfe bei HTML Schnipsel - AeroMax - 24.03.2019 13:51

Hast du einen Link zur Website wo das läuft?

RE: Hilfe bei HTML Schnipsel - BounTyOnline - 24.03.2019 15:57

wenn noch nicht geschehen mach ich dir es nachher fertig ^.^

Lg


EDIT:

Code:

Code:
<style>
.border {max-width: 100%; font-family: "Calibri",sans-serif; color: #D9D9D9;}
.left {float: left;}
.clear {clear: both;}
.sub {max-width: 25%; padding: 3px 10px;}
.cup {max-width: 50%; padding: 3px 10px;}
sup {vertical-align: super; font-size: smaller;}
</style>

<div class="border">
    <div class="left sub"><img src="https://encore.gg/img/gold.png"></div>
    <div class="left sub">1<sup>st</sup></div>
    <div class="left cup">ESHUB COD:BO4 CUP #1</div>
    <div class="clear"></div>
</div>
<div class="border">
    <div class="left sub"><img src="https://encore.gg/img/gold.png"></div>
    <div class="left sub">1<sup>st</sup></div>
    <div class="left cup">DESBL FORTNITE CUP</div>
    <div class="clear"></div>
</div>
<div class="border">
    <div class="left sub"><img src="https://encore.gg/img/gold.png"></div>
    <div class="left sub">1<sup>st</sup></div>
    <div class="left cup">CUPNAME ERSTER PLATZ</div>
    <div class="clear"></div>
</div>
<div class="border">
    <div class="left sub"><img src="https://encore.gg/img/silver.png"></div>
    <div class="left sub">2<sup>nd</sup></div>
    <div class="left cup">CUP NAME 2 PLATZ</div>
    <div class="clear"></div>
</div>
<div class="border">
    <div class="left sub"><img src="https://encore.gg/img/bronze.png"></div>
    <div class="left sub">3<sup>rd</sup></div>
    <div class="left cup">CUP NAME 3 PLATZ</div>
    <div class="clear"></div>
</div>



den teil kopieren:

Code:
<div class="border">
    <div class="left sub"><img src="https://encore.gg/img/bronze.png"></div>
    <div class="left sub">3<sup>rd</sup></div>
    <div class="left cup">CUP NAME 3 PLATZ</div>
    <div class="clear"></div>
</div>


und unten immer einfügen, fertig^^

Lg

RE: Hilfe bei HTML Schnipsel - MaXxXaM - 24.03.2019 19:26

Vielen Dank, werde es gleich ausprobieren.

Bounty dich gibts ja auch noch hier Biggrin Nice Biggrin

//

[Link: Registrierung erforderlich]

Habe die schriftgröße anpassen müssen, sonst hat es soweit gepasst.

RE: Hilfe bei HTML Schnipsel - BounTyOnline - 28.03.2019 00:33

MaXxXaM schrieb:
Vielen Dank, werde es gleich ausprobieren.

Bounty dich gibts ja auch noch hier Biggrin Nice Biggrin

//

[Link: Registrierung erforderlich]

Habe die schriftgröße anpassen müssen, sonst hat es soweit gepasst.


Natürlich Biggrin
hast Discord oder so?

lg