 Newsboxen |
.brainLess
unregistriert
 |
|
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?
|
|
06.04.2007 20:51 |
|
|
Astriiid
sushi macht lustig (=
Dabei seit: 27.01.2007
Beiträge: 2.097
|
|
Ich glaube das ist ein Lay mit CSS - bin mir aber nicht sicher.
__________________
|
|
|
06.04.2007 21:12 |
|
|
Pawie
Mitglied
Dabei seit: 03.11.2005
Beiträge: 1.278
|
|
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.
Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Pawie: 06.04.2007 21:34.
|
|
|
06.04.2007 21:32 |
|
|
.brainLess
unregistriert
|
|
| 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
|
|
|
06.04.2007 21:43 |
|
|
Pawie
Mitglied
Dabei seit: 03.11.2005
Beiträge: 1.278
|
|
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.
|
|
|
07.04.2007 17:55 |
|
|
.brainLess
unregistriert
|
|
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...
|
|
|
07.04.2007 18:04 |
|
|
.brainLess
unregistriert
|
|
|
|
07.04.2007 18:16 |
|
|
.brainLess
unregistriert
|
|
| 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)
Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von .brainLess: 07.04.2007 18:40.
|
|
|
07.04.2007 18:37 |
|
|
|
|
Kann mir jemand das hier coden denn ergwtei keiner kann des mit der newsbox noch obendazu und so!!!
__________________
|
|
|
09.04.2007 20:38 |
|
|
Astriiid
sushi macht lustig (=
Dabei seit: 27.01.2007
Beiträge: 2.097
|
|
Das Newsframe ist doch genau so ein iframe wie alle anderen?
__________________
|
|
|
09.04.2007 20:58 |
|
|
Kekskrümel
Mitglied
Dabei seit: 11.09.2006
Beiträge: 510
|
|
|
|
09.04.2007 21:00 |
|
|
|
Impressum
|
