Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag31.05.2010 um 14:58 (UTC)    
Titel: Tabelle/Textfeld mit farbigem Hintergrund und rundem Rahmen

Hallo,

möchte gerne eine Tabelle bzw. ein Textfeld mit individuell wählbarer Hintergrundfarbe und abgerundetem Rahmen erstellen und dort dann Text und Bilder einfügen.

Hat jemand nen Code parat?

Vielen Dank im Voraus!!

LG Tim
Beitrag31.05.2010 um 15:43 (UTC)    
Titel: Tabelle + Textfeld + abgerundeter Rahmen + Hintergrundfarbe

Hallo

um einen einfachen Textbereich zu definieren, genügt folgender Code (in den Quellcode der Seite an die Stelle, wo der Bereich auftauchen soll):

Zitat:

<p style="background-color: #FFFFFF; border: solid 1px #000000; -moz-border-radius:15px; -khtml-border-radius:15px; padding: 10px; width: 400px;">

... HIER DER INHALT ...

</p>



Hintergrundfarbe
Rahmenfarbe
Eckenradius (nicht von allen Browsern unterstützt)
Breite des Textbereiches


Oder das Ganze in einer Tabelle (1 Spalte, 1 Zeile) (in den Quellcode der Seite an die Stelle, wo die Tabelle auftauchen soll):

Zitat:

<center>
<table style="background-color: #FFFFFF; border: solid 1px #000000; -moz-border-radius:15px; -khtml-border-radius:15px;" cellspacing="10" cellpadding="10" width="400px" align="center" border="0">
<tbody>
<tr><td>

... HIER DER INHALT ...

</td></tr>
</tbody>
</table>
</center>



Hintergrundfarbe
Rahmenfarbe
Eckenradius (nicht von allen Browsern unterstützt)
Breite der Tabelle


Ich hoffe, so hast du dir das vorgestellt.


Gruß
Beitrag31.05.2010 um 15:58 (UTC)    
Titel:

Die Tabelle ist genau das, was ich gesucht habe Smile

VIELEN DANK für die Hilfe!!
Beitrag10.06.2010 um 11:11 (UTC)    
Titel: Mal Rauskram

Kann man den Code auch irgendwie einbinden also im Text unter dem Desing oder so damit der Automatisch auf jeder seite gezeigt wird?????

Lg Micha


Edit:

Ich hab nun den Rahmen auch um meine Gallerien gemacht - aber nun werden die Bilder nicht mehr intern vergrößert - hier ein Beispiel http://elas-fotografie.de.tl/Insekten.htm

Geht ihr zb auf Outdoor kann man sie wieder vergrößern weil da kein Rahmen ist.

Hoffe auf Hilfe.

Lg Micha


Zuletzt bearbeitet von elas-fotografie am 10.06.2010, 13:06, insgesamt einmal bearbeitet
Beitrag10.06.2010 um 12:07 (UTC)    
Titel:

Hallo,
soll jede Tabelle auf der Homepage gleich aussehen?
Wenn ja, dann musst du folgenden CSS Code hier einfügen:
Arrow Login
Arrow Design einstellen
Arrow Erweiterte Einstellungen
Arrow Text über dem Design
*Erklärung mit Bildern*

Der Code:
Zitat:
<style type="text/css">
<!--
table{
background-color: #FFFFFF;
border: solid 1px #000000;
-moz-border-radius:15px;
-khtml-border-radius:15px;}
//-->
</style>
Legende:
Rot = Hintergrundfarbe der Tabelle
Orange = Tabellenrand Farbe
Grün = Radius der Ecken Abrundungen (nicht beim Internet Explorer möglich)

Farbcodes kannst du dann zum Beispiel hier in einer großen Liste finden:
Farbcode Tabelle

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag10.06.2010 um 12:18 (UTC)    
Titel:

Ja das hab ich Kapiert Smile

Aber - kann man die Tabelle evtl in das Grundgerüst einbauen?

und eben meine Gallerien lassen sich nicht mehr so öffnen wie vorher wenn ich die Gallerie in den bereich Text der Tabelle eingetragen hab.

Hier mal der Code:

Code der Gallerie mit Rahmen --- Bilder öffnen sich extern vergrößert:

Code:
<br />
<br />
<center>
<table cellspacing="10" cellpadding="10" border="1" align="center" style="border: 3px solid rgb(0, 0, 0); background-color: transparent; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px; width: 797px; height: 468px;">
    <tbody>
        <tr>
            <td>
            <div style="text-align: center;"><a class="thickbox" href="http://img.webme.com/pic/e/elas-tierfotografie/img_4556.jpg"><img height="100" border="0" width="150" src="http://img.webme.com/pic/e/elas-tierfotografie/img_4556.jpg" alt="" /></a><a href="http://img.webme.com/pic/e/elas-tierfotografie/img_2543.jpg" class="thickbox"><img height="100" border="0" width="150" src="http://img.webme.com/pic/e/elas-tierfotografie/img_2543.jpg" alt="" /></a><a href="hhttp://img.webme.com/pic/e/elas-tierfotografie/img_4354.jpg" class="thickbox"><img height="100" border="0" width="150" src="http://img.webme.com/pic/e/elas-tierfotografie/img_4354.jpg" alt="" /></a> <a href="http://img.webme.com/pic/e/elas-tierfotografie/img_7888.jpg" class="thickbox"><img height="100" border="0" width="150" src="http://img.webme.com/pic/e/elas-tierfotografie/img_7888.jpg" alt="" /></a>      <a href="http://img.webme.com/pic/e/elas-tierfotografie/img_7821.jpg" class="thickbox"><img height="100" border="0" width="150" src="http://img.webme.com/pic/e/elas-tierfotografie/img_7821.jpg" alt="" /></a><a href="http://img.webme.com/pic/e/elas-tierfotografie/img_7856.jpg" class="thickbox"><img height="100" border="0" width="150" src="http://img.webme.com/pic/e/elas-tierfotografie/img_7856.jpg" alt="" /></a>     <a href="http://img.webme.com/pic/e/elas-tierfotografie/img_2560.jpg" class="thickbox"><img height="100" border="0" width="150" src="http://img.webme.com/pic/e/elas-tierfotografie/img_2560.jpg" alt="" /></a>       <a href="http://sphotos.ak.fbcdn.net/hphotos-ak-snc3/hs327.snc3/28946_133834023298734_100000164103009_381408_6569438_n.jpg" class="thickbox"><img height="100" border="0" width="150" src="http://sphotos.ak.fbcdn.net/hphotos-ak-snc3/hs327.snc3/28946_133834023298734_100000164103009_381408_6569438_n.jpg" alt="" /></a>      <a href="http://sphotos.ak.fbcdn.net/hphotos-ak-snc3/hs327.snc3/28946_133834056632064_100000164103009_381409_6612721_n.jpg" class="thickbox"><img height="100" border="0" width="150" src="http://sphotos.ak.fbcdn.net/hphotos-ak-snc3/hs327.snc3/28946_133834056632064_100000164103009_381409_6612721_n.jpg" alt="" /></a>     <a href="http://sphotos.ak.fbcdn.net/hphotos-ak-snc3/hs327.snc3/28946_133833939965409_100000164103009_381406_2158674_n.jpg" class="thickbox"><img height="100" border="0" width="150" src="http://sphotos.ak.fbcdn.net/hphotos-ak-snc3/hs327.snc3/28946_133833939965409_100000164103009_381406_2158674_n.jpg" alt="" /></a>          <a href="http://sphotos.ak.fbcdn.net/hphotos-ak-ash1/hs336.ash1/28946_133835783298558_100000164103009_381411_1991156_n.jpg" class="thickbox"><img height="100" border="0" width="150" src="http://sphotos.ak.fbcdn.net/hphotos-ak-ash1/hs336.ash1/28946_133835783298558_100000164103009_381411_1991156_n.jpg" alt="" /></a>           <style type="text/css">


<!--
img {
padding: 2px;
margin: 5px;
border: 1px solid #343434; }
--></style><em><em><br />
            </em></em></div>
            </td>
        </tr>
    </tbody>
</table>
</center>



Gallerie ohne Rahmen:
Bilder öffnen sich Intern vergrößert.

Code:
<br />
<style type="text/css" media="screen">

</style>
<div style="text-align: center;">&nbsp;</div>
<div style="text-align: center;"><script type="text/javascript" src="http://img.webme.com/designs/globals/jquery.js"></script> <script type="text/javascript" src="http://img.webme.com/designs/globals/thickbox.js"></script>
<link media="screen" type="text/css" href="http://img.webme.com/designs/globals/thickbox.css" rel="stylesheet" /><br />
<br />
<br />
<br />
<br />
&nbsp;             <a href="http://sphotos.ak.fbcdn.net/hphotos-ak-snc3/hs549.snc3/30046_132392876776182_100000164103009_370472_7279304_n.jpg" class="thickbox"><img height="107" border="0" width="150" alt="" src="http://sphotos.ak.fbcdn.net/hphotos-ak-snc3/hs549.snc3/30046_132392876776182_100000164103009_370472_7279304_n.jpg" /></a>              <a class="thickbox" href="http://sphotos.ak.fbcdn.net/hphotos-ak-snc3/hs549.snc3/30046_132392886776181_100000164103009_370475_7200422_n.jpg"><img height="100" border="0" width="150" alt="" src="http://sphotos.ak.fbcdn.net/hphotos-ak-snc3/hs549.snc3/30046_132392886776181_100000164103009_370475_7200422_n.jpg" /></a>     <a class="thickbox" href="http://sphotos.ak.fbcdn.net/hphotos-ak-ash1/hs509.ash1/30046_132392896776180_100000164103009_370477_482738_n.jpg"><img height="100" border="0" width="150" alt="" src="http://sphotos.ak.fbcdn.net/hphotos-ak-ash1/hs509.ash1/30046_132392896776180_100000164103009_370477_482738_n.jpg" /></a>            <a class="thickbox" href="http://sphotos.ak.fbcdn.net/hphotos-ak-snc3/hs307.snc3/28946_133856116629858_100000164103009_381523_3393843_n.jpg"><img height="131" border="0" width="90" alt="" src="http://sphotos.ak.fbcdn.net/hphotos-ak-snc3/hs307.snc3/28946_133856116629858_100000164103009_381523_3393843_n.jpg" /></a>               <a class="thickbox" href="http://sphotos.ak.fbcdn.net/hphotos-ak-ash1/hs336.ash1/28946_133856306629839_100000164103009_381524_1037349_n.jpg"><img height="136" border="0" width="90" alt="" src="http://sphotos.ak.fbcdn.net/hphotos-ak-ash1/hs336.ash1/28946_133856306629839_100000164103009_381524_1037349_n.jpg" /></a>               <a class="thickbox" href="http://sphotos.ak.fbcdn.net/hphotos-ak-snc3/hs327.snc3/28946_133856313296505_100000164103009_381525_3938496_n.jpg"><img height="100" border="0" width="150" alt="" src="http://sphotos.ak.fbcdn.net/hphotos-ak-snc3/hs327.snc3/28946_133856313296505_100000164103009_381525_3938496_n.jpg" /></a>    <a class="thickbox" href="http://sphotos.ak.fbcdn.net/hphotos-ak-ash1/hs336.ash1/28946_133856319963171_100000164103009_381526_5694280_n.jpg"><img height="135" border="0" width="90" alt="" src="http://sphotos.ak.fbcdn.net/hphotos-ak-ash1/hs336.ash1/28946_133856319963171_100000164103009_381526_5694280_n.jpg" /></a>      <a class="thickbox" href="http://sphotos.ak.fbcdn.net/hphotos-ak-ash1/hs336.ash1/28946_133856343296502_100000164103009_381527_610394_n.jpg"><img height="135" border="0" width="90" alt="" src="http://sphotos.ak.fbcdn.net/hphotos-ak-ash1/hs336.ash1/28946_133856343296502_100000164103009_381527_610394_n.jpg" /></a>     <a class="thickbox" href="http://sphotos.ak.fbcdn.net/hphotos-ak-snc3/hs307.snc3/28946_133856553296481_100000164103009_381529_2617258_n.jpg"><img height="135" border="0" width="90" alt="" src="http://sphotos.ak.fbcdn.net/hphotos-ak-snc3/hs307.snc3/28946_133856553296481_100000164103009_381529_2617258_n.jpg" /></a>    <a class="thickbox" href="http://sphotos.ak.fbcdn.net/hphotos-ak-snc3/hs307.snc3/28946_133856563296480_100000164103009_381530_280756_n.jpg"><img height="122" border="0" width="90" alt="" src="http://sphotos.ak.fbcdn.net/hphotos-ak-snc3/hs307.snc3/28946_133856563296480_100000164103009_381530_280756_n.jpg" /></a>    <a class="thickbox" href="http://sphotos.ak.fbcdn.net/hphotos-ak-snc3/hs307.snc3/28946_133856586629811_100000164103009_381531_3224813_n.jpg&quot;"><img height="135" border="0" width="90" alt="" src="http://sphotos.ak.fbcdn.net/hphotos-ak-snc3/hs307.snc3/28946_133856586629811_100000164103009_381531_3224813_n.jpg" /></a>      <style type="text/css">


<!--
img {
padding: 2px;
margin: 5px;
border: 1px solid #343434; }
-->
</style></div>
<div style="text-align: left;">&nbsp;</div>



Lg Micha
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de