Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [HTML] Newsboxen

[HTML] Newsboxen

.brainLess
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?
Astriiid
Ich glaube das ist ein Lay mit CSS - bin mir aber nicht sicher.
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 fröhlich
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.
.brainLess
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 fröhlich
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
Pawie
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.
.brainLess
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...fröhlich
Pawie
Ich mach's in 5 Minuten. Mir ist nämlich langweilig =P


Liebe Grüße
Pawie.
.brainLess
Supii viiiielen Dank. x)
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.
.brainLess
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)
miriam-jessica
Kann mir jemand das hier coden denn ergwtei keiner kann des mit der newsbox noch obendazu und so!!!
Astriiid
Das Newsframe ist doch genau so ein iframe wie alle anderen?
Kekskrümel
das gehört nicht hier rein guck hier zu zu codende/einbauende Designs

oder hier

Liste von Leuten die Designs coden/einbauen können
Forensoftware: Burning Board, entwickelt von WoltLab GmbH