Link zur fertigen Seite:

Link zu dieser Form-Seite (Webmaster):

1. Machen Sie eine Sicherung von Ihrem Image-Design Ordner wenn Sie schon eine Änderung vorgenommen haben.
2. Sollten Sie die Grundzüge der CSS Programmierung beherrschen.

Öffnen Sie zusätzlich auch die index.html Ihres Projektes. Sie können dann sofort Ihre Änderung durch die Aktualisierung diese Seite sehen.
Kommentar Beschreibung
Style Name
  background-image    background-color  öffnen Sie dazu das Bildbearbeitungsprogramm um Farben zu wählen.
background-repeat     background-position     background-attachment
color öffnen Sie dazu das Bildbearbeitungsprogramm um Farben zu wählen.
fonf-family font-size in px  
font-weight      text-align    text-decoration
height     width     white-space
px padding     px padding-top     px padding-left     px padding-right     px padding-bottom
px margin     px margin-top     px margin-left     px margin-right     px margin-bottom
selbst zu vergeben

Alle Styles   open  close
Für alle Seiten geltende Styles
Body: .body [ 0002 ]
td [ 0008 ]
textarea [ 0015 ]
textfield [ 0017 ]
a:link [ 0003 ]
a:visited [ 0004 ]
a:active [ 0005 ]
a:hover [ 0006 ]
Übergeordnete Schriften:
.bigxxlbold [ 0020 ]
.bigxl [ 0021 ]
.big [ 0022 ]
.bigbold [ 0023 ]
.normal [ 0024 ]
.normalbold [ 0025 ]
.infotext [ 0026 ]
Für die Bilder:
.picshadow [ 0030 ]
.picfloat [ 0031 ]
.pics [ 0032 ]
Für den I-Frame Container :
.cont_right [ 0010 ]
.cont_left [ 0012 ]
Für den Steurungscontainer:
.Stearcont [ 4001 ]
.Elemsambord [ 4010 ]
.Stearcont a:link [ 4002 ]
.Stearcont a:visited [ 4003 ]
.Stearcont a:active [ 4004 ]
.Stearcont a:hover [ 4005 ]
Für die Popups:
.tooltipinfo [ 4015 ]
.popupsinfo [ 4016 ]
.dragbar [ 4017 ]
.popupspic [ 4018 ]
.farbig1 [ 4020 ]
.farbig2 [ 4021 ]
.zubckgr1 [ 4025 ]
.zubckgr2 [ 4026 ]
   
Logo Frame: Body=.Logo_ges [ 0101 ]  .Logo_ges a:link[ 0102 ] a:visited[ 0103 ]  a:active[ 0104 ]  a:hover[ 0105 ]
Tabelle=.Logo_table [ 0110 ]  Linke Bild_td= .Logo_td_leftpic [ 0111 ]  Rechte Bild_td= .Logo_td_pic [ 0112 ]
.Logo_td_comp [ 0113 ]  
.Logo_td_slog [ 0114 ]
.Logo_td_bot [ 0115 ]   infoticket-to-internetde     
Hauptframe: .Haupt_ges [ 0301 ]    a:link [ 0302 ]    a:visited [ 0303 ]    a:active [ 0304 ]    a:hover [ 0305 ]   
Der Container für die Linksreihe .div_links [ 0310 ]   Darunter die Tabelle mit den links .Table_oben [ 0311 ]
Der eigentliche Linkcontainer .Table_oben_but [ 0312 ]
.Table_oben_but a:link [ 0313 ]   .Table_oben_but a:visited [ 0314 ]   .Table_oben_but a:active [ 0315 ]   .Table_oben_but a:hover [ 0316 ]
Die Zeile bzw Spalte für den IFrame .Table_IFrame [ 0317 ] .Table_IFrame_td [ 0318 ]
Der Select Tag für das Drop-Down Menü select [ 0319 ] option [ 0320 ]
Seitenüberschrift .div_ueber [ 0325 ]
.div_kontakt [ 0341 ] für Container Kontakt
.Table_kontakt [ 0342 ] die Tabelle darunter
.Table_kontakt_td [ 0343 ] die Spalten der Tabelle
.Table_kontakt a:link [ 0344 ]
.Table_kontakt a:visited [ 0345 ]
.Table_kontakt a:active [ 0346 ]
.Table_kontakt a:hover [ 0347 ]
Beispiellink
Beispieltexttestde
Beispieltext Beispieltext Beispieltext Beispieltext Beispieltext Beispieltext Beispieltext Beispieltext Beispieltext Beispieltext
Gesammte Tabellenclass mit Newscontainer = .Table_ges [ 0350 ]
die Tabelle mit den Elementsammlungen .Table_ges_li [ 0351 ]
Für ein Form tag .for_form [ 0401 ]
Tabelle alle Elemente fuer Rand .TaballEl_ges [ 0402 ] Linke obere Ecke .TaballEl_uple [ 0403 ] oberer Rand .TaballEl_upmid [ 0404 ] Rechte obere Ecke .TaballEl_upri [ 0405 ] Linker Rand .TaballEl_midle [ 0406 ] Rechter Rand .TaballEl_midri [ 0407 ] Untere linke Ecke .TaballEl_dowle [ 0409 ] Unterer Rand .TaballEl_dowmid [ 0410 ] Untere rechte Ecke .TaballEl_dowri [ 0411 ]
Die mittlere Tabellen Spalte [ 0407 ]
.Elem_A_Top [ 0443 ]

Div Container für Element A .div_a [ 0441 ]
Tablebackground A .Backgr_A [ 0442 ]
Textfeld .A_td_text [ 0444 ]

Links im Linkcontainer .linkin [ 3901 ]
.linkin a:link [ 3902 ]
.linkin a:visited [ 3903 ]
.linkin a:active [ 3904 ]
.linkin a:hover [ 3905 ]


.linkin

.Elem_B_Top [ 0448 ]
Elemen_B  Container .div_b [ 0446 ]
Tablebackground B .Backgr_B [ 0447 ]

Textfeld .B_td_text [ 0449 ]

Beispieltext Beispieltext Beispieltext Beispieltext Beispieltext Beispieltext Beispieltext Beispieltext

.linkin
Elem_C_Top [ 0453 ]
Elemen_C  Container
.div_c [ 0451 ]
Tablebackground C .Backgr_C [ 0452 ]

Textfeld .C_td_text [ 0454 ]

Beispieltext Beispieltext Beispieltext Beispieltext
Elemen_C  Container .div_c
Tablebackground C .Backgr_C

Textfeld .C_td_text

Beispieltext Beispieltext Beispieltext Beispieltext

.linkin
.Elem_D_Top [ 0458 ]
Elemen_D  Container
.div_d [ 0456 ]
Tablebackground D
.Backgr_D [ 0457 ]

Textfeld .D_td_text [ 0459 ]

Beispieltext Beispieltext

.linkin
Elem_E_Top [ 0463 ]
Elemen_E  Container .div_e [ 0461 ]
Tablebackground E .Backgr_E [ 0462 ]

Textfeld .E_td_text [ 0464 ]

Beispieltext Beispieltext Beispieltext Beispieltext Beispieltext Beispieltext Beispieltext Beispieltext
.Elem_F_Top [ 0468 ]
Elemen_F  Container .div_f [ 0466 ]
Tablebackground F .Backgr_F [ 0467 ]

Textfeld .F_td_text [ 0469 ]

Beispieltext Beispieltext Beispieltext Beispieltext Beispieltext Beispieltext Beispieltext Beispieltext
Elemen_F  Container .div_f
Tablebackground F .Backgr_F

Textfeld .F_td_text

Beispieltext Beispieltext Beispieltext Beispieltext Beispieltext Beispieltext Beispieltext Beispieltext
.Elem_G_Top [ 0473 ]
Elemen_F  Container .div_g [ 0471 ] Tablebackground F .Backgr_G [ 0472 ]
Textfeld .G_td_text [ 0474 ] .G_td_text
mit href mit href
.Elem_H_Top [ 0478 ]
Elemen_H Cont. .div_h [ 0476 ]
Tablebackgr H .Backgr_H [ 0477 ]
Textfeld .H_td_text [ 0479 ]
.padd3 [ 0484 ]

Elemen_I
Container
.div_i [ 0481 ]

.linkin
.padd3

Tablebackgr I .Backgr_I [ 0482 ]

.linkin
.padd3

Textfeld .I_td_text [ 0483 ]

ohne Link
 


Tablebackground bottom = .Table_bottom [ 0396 ]

Ueberschrift = .Table_bottom_ueb [ 0397 ]
ohne Link .Table_bottom_txt [ 0398 ]         .linkin
 
Erste und Zweite kleine Produktseite
Body ges=.Pro_bod [ 0605 ] Der Divcontainer = .pro_div_all [ 0608 ] Die Tabelle = .Pro_main_table [ 0610 ]

Die Überschr. automatisch bold


Die Textspalte
.Pro_main_table_txt [ 0620 ]


.Pro_main_table_price [ 0630 ]

.linkin
Beispieltext  
Die Bildspalte
 .Pro_main_table_pic[ 0615 ]

Die Abstandsspalte
.Pro_main_mid [ 0625 ]

Pro_main_table_price incl.MwSt

.linkin
Die Überschr. automatisch bold

Die Textspalte
.Pro_main_table_txt [ 0620 ]


.Pro_main_table_price [ 0630 ]

.linkin
Beispieltext  
Die Bildspalte =
 .Pro_main_table_pic[ 0615 ]

Die Abstandsspalte
.Pro_main_mid [ 0625 ]

Pro_main_table_price incl.MwSt

.linkin
Die Suchergebnisseite
Der Bodytag .Search_Result [ 3010 ] Die Suchergebnistabelle .Search_Res_table [ 3015 ]
Der Überschriftlink Die Überschrift .Search_Res_ueb [ 3020 ]
.Search_Res_ueb a:link [ 3021 ] .Search_Res_ueb a:visited [ 3022 ]
.Search_Res_ueb a:active [ 3023 ] .Search_Res_ueb a:hover [ 3024 ]
Der Ankerlink Das Ergebnis .Search_Res_dat [ 3030 ] .Search_Res_dat a:link [ 3031 ]
.Search_Res_dat a:visited [ 3032 ] .Search_Res_dat a:active [ 3033 ]
.Search_Res_dat a:hover [ 3034 ]
Gesamt Tabelle td=
.Table_ges_ri [ 0361 ]
ges.rechte Tab.mit Rand
.RightEl_ges [ 0362 ]
die Raender dazu
.RightEl_uple [ 0363 ]
.RightEl_upmid [ 0364 ]
.RightEl_upri [ 0365 ]
.RightEl_midle [ 0366 ]
.RightEl_midri [ 0368 ]
.RightEl_dowle [ 0369 ]
.RightEl_dowmid [ 0370 ]
.RightEl_dowri [ 0371 ]
die mitlere Spalte mit der
eigentlichen Tabelle
.RightEl_midmid [ 0367 ]
der Kalender I-Frame
.CalIFrame [ 0390 ]
der stat.Rechtsframe
.RechIFrame [ 0391 ]
.Table_ri_td_ueb [ 0368 ]
Datum .shortfram_dat [ 1875 ]
Ueberschr .shortfram_ueb [ 1880 ]
Body .shortfram_bod [ 1860 ]
a:link [ 1861 ]
a:visited [ 1862 ]
a:active [ 1863 ]
a:hover [ 1864 ]
Tabelle .shortfram_table [ 1864 ]
Normaler Text .shortfram_text [ 1885 ]
.Table_ri_td_ueb

Rechtstabelle=
.Table_right [ 0372 ]
.Table_right a:link [ 0373 ]
.Table_right a:visited [ 0374 ]
.Table_right a:active [ 0375 ]
.Table_right a:hover [ 0376 ]

.Table_ri_td_ueb
Bild_td=
.Table_ri_td_pic [ 0379 ]
Text im Textfeld=
.Table_ri_td_txt [ 0380 ]
.Lishop_ges [ 1010 ]
.Lishop_ges a:link [ 1011 ]
.Lishop_ges a:visited [ 1012 ]
.Lishop_ges a:active [ 1013 ]
.Lishop_ges a:hover [ 1014 ]
.Lishop_table [ 1020 ]
.Lishop_td_up [ 1025 ]

Bild_td:.Lishop_td_pic [ 1035 ]
.Lishop_td_text [ 1040 ]
FürLinkform
.Lishop_form_link [ 1045 ]
Die Linksspalte
.Links_td_link [ 1047 ]
Der Obercontainer
.Outlineshop [ 1050 ]
Der Untercontainer
.Inlineshop [ 1055 ]
Der eig. Link und Oberlink
.Lishopdiv_link [ 1060 ]
.Lishopdiv_hover [ 1065 ]
Der Unter Link
.Lishopunt_link [ 1070 ]
.Lishopunt_hover [ 1075 ]

.Lishop_td_bot [ 1080 ]
Die Shopseiten
Body ges=.Shop_ges [ 0710 ] .Shop_ges a:link [ 0711 ] .Shop_ges a:visited [ 0712 ] .Shop_ges a:active [ 0713 ] .Shop_ges a:hover [ 0714 ]
Die Tabelle = .ShopTable_ges [ 0720 ] Die linke Spalte der Tabelle .ShopTab_ges_li [ 0730 ] Der ges.Shopdivcontainer .div_shop_all [ 0750 ]
10    Der A-Divcontainer .div_shop_A [ 0750 ] Diese Oberzeile [ 0774 ]
Die A-Tabelle .Backgr_shop_A [ 0772 ]
           
Diese Textspalte .Shop_td_A_text [ 0776 ]

Zusätzlich für Form des Shops .Shop_form [ 0760 ]

Preis .Shop_preis [ 0790 ]
  Beispieltext
Beispieltext

Anzahl  Warenkorb>> 
.Shop_padd3 [ 0786 ]

Der Divcontainer für die B-Tabelle
.div_shop_B [ 0780 ]
Die B-Tabelle =
.Backgr_shop_B [ 0782 ]
Diese Textspalte .Shop_td_B_text [ 0784 ]
Formmailer

Neuartiger Formhaendler.
Erzeugen Sie  z.B.
ein Antwortformular
nach diesem System.
Oder eine
Informationsanfrage.
13  CSV (Excel) to Site

Wandeln Sie
Ihre Exceltabelle
in eine Webseite.
Aber nicht in eine
riesengrosse vor
Styles strotzende  wie bei Excel selber .
Preis .Shop_preis [ 0790 ] 

Anzahl:  Warenkorb>>
Preis: 19,90 €  Lizenz pro Monat  2,00 €

Anzahl:  Warenkorb>>
Preis: 19,90 €  Lizenz

Anzahl:  Warenkorb>>
Warenkorb Ergebnistabelle .Shop_Erg_table [ 0810 ] .Shop_Erg_td2 [ 0825 ] .Shop_Erg_td3 [ 0830 ] .Shop_Erg_td4 [ 0835 ]
.Shop_Erg_table a:link [ 0815 ] .Shop_Erg_table a:visited [ 0816 ]  Nebenkosten €
.Shop_Erg_table a:active [ 0817 ] .Shop_Erg_table a:hover [ 0818 ] Vesandkosten €
.Shop_Erg_td1 [ 0820 ]  Mehrwertmsteuer 16 % €
Diese Tabellenspalte .Shop_Erg_td1 [ 0820 ]  Gesamtpreis: €
.Shop_Erg_tdzu [ 0840 ]
Gesamt Tabelle td
.ShopTa_ges_ri [ 0725 ]
.Table_ri_td_ueb [ 0368 ]
.Table_ri_td_ueb

Rechtstabelle
.Table_right [ 0362 ]
.Table_right a:link [ 0363 ]
.Table_right a:visited [ 0364 ]
.Table_right a:active [ 0365 ]
.Table_right a:hover [ 0366 ]

.Table_ri_td_ueb
Bild_td=
.Table_ri_td_pic [ 0369 ]
Text im Textfeld
.Table_ri_td_txt [ 0370 ]
  Die Personalseite
Der Bodytag = .Pers_bod [ 1210 ]
Top Table = .Pers_top_table [ 1215 ]
die td = .Pers_top_table_td [ 1220 ]

Diese Obertabelle
.Pers_main_table [ 1225 ]
Linke Tabelle=
.Pers_main_table_le [ 1230 ]

Bild Spalte
.Pers_main_table_pic [ 1240 ]
Dieser Bottomcontainer .Pers_main_table_bot [ 1250 ]
Rechte Tabelle
.Pers_main_table_ri [ 1235 ]
Text Spalte
Pers_main_table_txt [ 1245 ]
Dieser Bottomcontainer .Pers_main_table_bot [ 1250 ]
.Pers_bot_table  [ 1255 ] .Pers_bot_table_td [ 1260 ]


  Die FAQ Seite 1
Bodytag Ges= .Faq_bod [ 1510 ] .Faq_bod a:link [ 1511 ] .Faq_bod a:visited [ 1512 ] .Faq_bod a:active [ 1513 ] .Faq_bod a:hover [ 1514 ]
Diese ges.obere Tabelle [ 1520 ]

Diese linke Tabelle .Faq_top_table_le [ 1525 ]

Diese Textspalte
.Faq_top_table_txt [ 1540 ]

.Faq_top_table_tr [ 1545 ]

Diese obere Tabelle .Faq_top_table_ri [ 1530 ]

Die Bildspalte
.Faq_top_table_pic [ 1535 ]

.Faq_top_table_tr [ 1545 ]

Die mittlere Tabelle
.Faq_mid_table [ 1550 ]

Die linke Spalte
.Faq_mid_table_le [ 1555 ]

linkin

Beispieltext Beispieltext Beispieltext

Die rechte Spalte
.Faq_mid_table_ri [ 1560 ]

Beispieltext Beispieltext Beispieltext

linkin

Diese untere Spalte=
.Faq_mid_table_bot [ 1565 ]
Diese Ueberschr.Tabelle .Faq_ueb_table [ 1570 ]
Diese Ueb.Spalte
.Faq_ueb_table_le [ 1575 ]
Diese Ueb.Spalte
.Faq_ueb_table_ri [ 1580 ]
Diese Elemententabelle
.Faq_elem_table [ 1585 ]
Diese Spalte
.Faq_elem_table_le [ 1590 ]
Diese Spalte
.Faq_elem_table_ri [ 1595 ]
Diese untere Tabelle .Faq_bot_table [ 1600 ]
Diese Spalte .Faq_bot_table_td [ 1605 ]
.Faq_bot_table_td [ 1605 ]         linkin
  Das Fotoalbum

Diese Überschrift .bigbold

Alternate Text

Der body .Foto_bod [ 1710 ]
diese Tabelle .Foto_tab_top [ 1715 ]

diese Tabelle .Foto_tab_top2 [ 1720 ]
die grosse Fototabelle .Foto_tab_elem [ 1730 ]

zurück          linkin       linkin

Sollten z.B. durch eine langsame Verbindung nicht alle Bilder angezeigt werden, klicken Sie im Browser einfach auf "Aktualisieren".
Brunnen    Blüten   
  Der Kalender

Januar 2005 .bigbold .cal_mon [ 1815 ]

.normal automatisch bold   2005   2006   2007   2008  2009  2010

normaler link   Februar   März   April   Mai   Juni   Juli   August   September   Oktober   November   Dezember

.Cal_back_oben_1 [ 1825 ] .bigbold .Cal_back_oben_2 [ 1830 ] bigbold. Mittwoch Donnerstag
 
 
 
 
 

Dieser Zwischenraum .zwischen [ 4030 ]
 
Der Kalender body .Cal_bod [ 1810 ]
 
.Cal_bod a:link [ 1811 ]
.Cal_bod a:visited [ 1812 ]
.Cal_bod a:active [ 1813 ]
.Cal_bod a:hover [ 1814 ]
Datum .normalbold .farbig1 [ 4020 ]
 
Diese Tabellespalte
 
Cal_back_main_1 [ 1840 ]
 
Diese gesamte Tabelle
 
.Cal_back_tab [ 1820 ]
 
Diese Tabellespalte
 
Cal_back_main_2 [ 1845 ]
 
  Die Projekt- Select Seite
Die gesamte Selectseite   .Select_ges [ 0510 ]   Diese Zeile .Select_table_beschr [ 0522 ]
Zur Form dieser Seite  Diese Zeile .Select_table_beschr
(nur_lokal Klicken Sie anschließend auf OPEN)
  Die Hilfeseite
Die gesamte Hilfsseite .Help_ges [ 0555 ]

Diese gesamte Hilfstable .Help_table [ 0560 ]   .Help_table  a:link [ 0561 ]  .Help_table  a:visited [ 0562 ]  .Help_table  a:active [ 0563 ]  .Help_table a:hover [ 0564 ]
Diese Überschriftzeile .Help_table_beschr [ 0570 ]
Diese Überschriftzeile .Help_table_beschr [ 0570 ]

1. Arbeitsbereiche   
2. Programm starten.    
Diese Überschriftzeile .Help_table_beschr
Diese Textzeile .Help_table_text [ 0575 ]

Der "Oben-Frame" und der "Rechts-Frame" werden im Bearbeitungs-Modus des Haupt-Frame aktiviert. Ausführliche Hilfe finden Sie im C.I.D. Menü Monitor   > Hilfe   >   Readme.
  Der Such I-Frameseite
Der Bodytag .Search_IFrame  [ 2510 ] Der Divcontainer mit der Tabelle  [ 2520 ]

 
Drag Bar     
.popupsinfo [ 4016 ]
.dragbar [ 4017 ]
.tooltipinfo [ 4015 ]
 
Body .Shop_ges [ 4017 ].Csvtable [ 4050 ]Erste Zeile .fiCsZe [ 4055 ]Erste Zeile Spalte .fiCsZe td [ 4060 ]Der Warenkorb .CsWa [ 4075 ]
Die Zeilen .CsZe [ 4065 ]Die Zeilen jede Spalte .CsZe td [ 4070 ]  Anz.:Warenkorb>>