Gegen Bilderklau - Das Original (https://www.gegen-bilderklau.net/index.php)
- Design, Website, Copyright (https://www.gegen-bilderklau.net/board.php?boardid=80)
--- Homepagehilfe (https://www.gegen-bilderklau.net/board.php?boardid=27)
---- Homepagehilfe - Archiv (https://www.gegen-bilderklau.net/board.php?boardid=139)
----- [HTML] Newsboxen (https://www.gegen-bilderklau.net/thread.php?threadid=102556)
Geschrieben von .brainLess am 06.04.2007 um 20:51:
Newsboxen
Hey,
bisher habe ich meine Newsboxen immer nach dem Prinzip von Designs gecodet. Das war und ist auch kein Problem, allerdings brauchte ich immer eine extra Seite für den Text und ich habe jetzt gesehen, es geht auch einfacher.
Auf
Fire-Graphics.com gibt es ebenfalls Newsboxen und dort habe ich im Code gesehen, dass der Code halt direkt in den HTML Code geschrieben wurde, also quasi in einer Tabelle. Kann mir jemand evtl. erklären, wie genau das geht?
Geschrieben von Astriiid am 06.04.2007 um 21:12:
Ich glaube das ist ein Lay mit CSS - bin mir aber nicht sicher.
Geschrieben von Pawie am 06.04.2007 um 21:32:
Oehm, ich wuerd' sagen, du fuegst mit <img> eben dein Bild ein und plazierst mit einem <div> den Text an die Stelle, wo du ihn eben haben willst. Bzw. x__x Ne +lol+ Geht ja nicht xD Mh <__< Sorry, bin grad echt ueberfordert x_x Vll. schaust du dir den Code von dieser Seite an und ja - Da wird's ja stehen, wie's geht? =D
Edit: Sach ma - Wie bloed bin ich eigentlich? -___- Da bekommt man den Link vor die Nase geklatscht und Madam ist zu bloed, drauf zu klicken? Aaargh x__x
Also ja. Hier
| Zitat: |
<!-- Nummer 3 -->
<center>
<table background="Bilder/Boxes/3.jpg" width="320px" height="180px"><tr>
<td height=25 colspan=20></td></tr><tr><td width=10 top=5></td><td>
<div style="FILTER:chroma(color=#FFFFFF); width:133px; height:150px;overflow:auto;color:B4456C;link:F8629A;vlink:F8629A; alink:F8629A;font-family: Georgia;
font-size:8pt;
scrollbar-face-color: FAE9EF;scrollbar-highlight-color: FAE9EF;
scrollbar-3dlight-color: C73468;scrollbar-darkshadow-color: FAE9EF;
scrollbar-shadow-color: FAE9EF;scrollbar-arrow-color: C73468;
scrollbar-track-color: FAE9EF;">
<!---CONTENT STARTS--->
<b>Message Box #3 </b> </br>
Es wurden Message Boxen gewünscht und dies
hier ist quasi mein erster Versuch.
Seid nichtso hart zu mir.
Sie ist klein aber fein 
Zu benutzen ist sie folgendermaßen:</p>
- runterladen </br>
- entzippen </br>
- Code in eine Seite einfügen</br>
- fertig! </br>
</br>
Viel Spaß mit dieser Messag-box!</br>
bye, say </br>
<br>
P.S.: Wenn du unsere Bos benutzen solltst, linke uns
doch bitte zurück, danke!
<!---CONTENT ENDS---></font>
</table>
<!--- Ende Nummer 3 ---> |
ist ja der Code =D Einfach anpassen, usw.
Liebe Gruesse
Pawie.
Geschrieben von .brainLess am 06.04.2007 um 21:43:
| Zitat: |
Original von Pawie
Oehm, ich wuerd' sagen, du fuegst mit <img> eben dein Bild ein und plazierst mit einem <div> den Text an die Stelle, wo du ihn eben haben willst. Bzw. x__x Ne +lol+ Geht ja nicht xD Mh <__< Sorry, bin grad echt ueberfordert x_x Vll. schaust du dir den Code von dieser Seite an und ja - Da wird's ja stehen, wie's geht? =D
Edit: Sach ma - Wie bloed bin ich eigentlich? -___- Da bekommt man den Link vor die Nase geklatscht und Madam ist zu bloed, drauf zu klicken? Aaargh x__x
Also ja. Hier
| Zitat: |
<!-- Nummer 3 -->
<center>
<table background="Bilder/Boxes/3.jpg" width="320px" height="180px"><tr>
<td height=25 colspan=20></td></tr><tr><td width=10 top=5></td><td>
<div style="FILTER:chroma(color=#FFFFFF); width:133px; height:150px;overflow:auto;color:B4456C;link:F8629A;vlink:F8629A; alink:F8629A;font-family: Georgia;
font-size:8pt;
scrollbar-face-color: FAE9EF;scrollbar-highlight-color: FAE9EF;
scrollbar-3dlight-color: C73468;scrollbar-darkshadow-color: FAE9EF;
scrollbar-shadow-color: FAE9EF;scrollbar-arrow-color: C73468;
scrollbar-track-color: FAE9EF;">
<!---CONTENT STARTS--->
<b>Message Box #3 </b> </br>
Es wurden Message Boxen gewünscht und dies
hier ist quasi mein erster Versuch.
Seid nichtso hart zu mir.
Sie ist klein aber fein
Zu benutzen ist sie folgendermaßen:</p>
- runterladen </br>
- entzippen </br>
- Code in eine Seite einfügen</br>
- fertig! </br>
</br>
Viel Spaß mit dieser Messag-box!</br>
bye, say </br>
<br>
P.S.: Wenn du unsere Bos benutzen solltst, linke uns
doch bitte zurück, danke!
<!---CONTENT ENDS---></font>
</table>
<!--- Ende Nummer 3 ---> |
ist ja der Code =D Einfach anpassen, usw.
Liebe Gruesse
Pawie. |
Thx, hab daran auch schon gedacht, allerdings kann ich in HTML so gut wie alles außer Tabellen coden...+sfz+
| code: |
1:
|
<table background="Bilder/Boxes/3.jpg" width="320px" height="180px"><tr> |
|
krieg ich ja gerade noch so hin aber da hörts bei mir auf...^^ Kann mir evtl. jemand so ne Art Crashkurs geben also nur gaaanz kurz sagen, wie ich die anderen Zahlen rausbekomme?
Also...
<td height=
25 colspan=
20></td></tr><tr><td width=
10 top=
5></td><td>
die dickgedruckten?
Wäre lüüb xD
Geschrieben von Pawie am 07.04.2007 um 17:55:
Also vorweg: Ich bin sehr schlecht im Erklären xD
Einfach nachfragen, wenn du was nicht verstehst, ja? ;D
Also wie eine Tabelle ansich aufgebaut ist, weißt du, oder?
Also "width" und "height" steht jeweils für die Breite und die Höhe einer Tabelle.
Beispiel: Wir haben eine Tabelle mit 2 Reihen und 2 Spalten .Wenn jetzt im <table> die Breite, width, zB 500 Pixel angegeben wird und dann anschließend in einer Zelle, <td>, die Breite, width, 100 Pixel angegeben, so heißt das, dass die Zelle neben dieser Zelle mit der Breite 100px 400 Pixel groß ist. Sie ist eben so groß, wie noch Platz ist. Also 500-100 eben.
Und jah, ich kann nicht erklären, hab' ich das schonmal gesagt? x_x
colspan verbindet Zellen in einer Reihen. (rowspan verbindet Zellen in einer Spalte.) Also wenn wir zB eine Tabelle mit 2 Reihen und 2 Spalten haben und .. Mom, ich code's xD
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
|
<table>
<tr>
<td>Zelle 1</td>
<td>Zelle 2</td>
</tr>
<td>Zelle 3</td>
<td>Zelle 4</td>
</table> |
|
So, diese Tabelle haben wir. Jetzt wollen wir zB, dass die Zellen 1 + 2 eine Art Überschrift der Tabelle werden. Hier eignet sich dann colspan besonders gut. Wir ändern den Code also in
| code: |
1:
2:
3:
4:
5:
6:
7:
|
<table>
<tr>
<td colspan="2">Zelle 1/2</td>
</tr>
<td>Zelle 3</td>
<td>Zelle 4</td>
</table> |
|
Jetzt sieht das ganze wie hier aus. Die Zellen 1 + 2 haben sich also verbunden. Die Zahl, die man nach colspan= angibt (hier: "2") gibt an, wie viele Zellen sich verbinden sollen.
Jah.. Das war's eigentlich. ^__^ Bei Fragen: fragen xD
Liebe Grüße
Pawie.
Geschrieben von .brainLess am 07.04.2007 um 18:04:
Okay, vielen Dank für deine Mühe. x)
Wenn du irgendwann mal Langeweile hast, kannst du mir als Beispiel mal die Newsbox im Anhang coden? +lieb.guck+ x) Ist eigentlich egal, wo genau die Tabelle hinkommt, irgendwo links unten wo es halt so leer ist...x)
Dankeee...
Geschrieben von Pawie am 07.04.2007 um 18:12:
Ich mach's in 5 Minuten. Mir ist nämlich langweilig =P
Liebe Grüße
Pawie.
Geschrieben von .brainLess am 07.04.2007 um 18:16:
Supii viiiielen Dank. x)
Geschrieben von Pawie am 07.04.2007 um 18:33:
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
|
<table background="http://www.gegen-bilderklau.net/attachment.php?attachmentid=163172" width="317" height="197">
<tr>
<td valign="top">
<div style="filter: chroma(color=#FFFFFF); position: relative; top: 65px; left: 5px; width: 130px; height: 125px; overflow: auto;">
<!-- Inhalt Anfang -->
Hier den Text einfügen ^___^
<!-- Inhalt Ende -->
</div>
</td>
</tr>
</table> |
|
Liebe Grüße
Pawie.
Geschrieben von .brainLess am 07.04.2007 um 18:37:
| Zitat: |
Original von Pawie
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
|
<table background="http://www.gegen-bilderklau.net/attachment.php?attachmentid=163172" width="317" height="197">
<tr>
<td valign="top">
<div style="filter: chroma(color=#FFFFFF); position: relative; top: 65px; left: 5px; width: 130px; height: 125px; overflow: auto;">
<!-- Inhalt Anfang -->
Hier den Text einfügen ^___^
<!-- Inhalt Ende -->
</div>
</td>
</tr>
</table> |
|
Liebe Grüße
Pawie.
|
Vielen Dank. Und wo würde die Tabelle dann ungefähr auf der Newsbox stehen?
EDIT:// aaah ich habs kapiert. Daaanke +knuuutsch+ x)
Geschrieben von miriam-jessica am 09.04.2007 um 20:38:
Kann mir jemand das hier coden denn ergwtei keiner kann des mit der newsbox noch obendazu und so!!!
Geschrieben von Astriiid am 09.04.2007 um 20:58:
Das Newsframe ist doch genau so ein iframe wie alle anderen?
Forensoftware: Burning Board, entwickelt von WoltLab GmbH