Zum Inhalt springen

HTML Seiten statisch anzeigen lassen.

Erstellt am 20. September 2005 · 19 Antworten · letzte Antwort am 26. September 2005

Tags: Frage

Zwerg1hero ·

Moin @ All,

mein Problem derzeit, ich würde gerne meine gecodete Seite (1024*786) mit einem Script so verbinden, dass wenn jemand die Seite mir 800*600 ansurft, diese Seite auf die passende Auflösung generiert wird.

gibt es da einen Weg?

Nicklas ·

also ich finde ein script umständlich und würde das komplett mit dieser anleitung laufen lassen, aber war nur ein vorschlag, ich weiß auch nich was du in dein script eintragen musst, da ich es net kenn...

Zwerg1hero ·

Ja ich habe ja schon ein skript für meine Seite und dachte es ist einfach, ein paar Zeilen hinzuzufügen damit es klappt.

Also wenn mir jemand diesen Code erklären kann, traut euch 🙂.

Aber danke schonmal für deine Hilfe.

Zwerg1hero ·

achso sag das doch.

Ich dachte, ihr könntet mir so sagen, welche Scriptzeilen ich nochtragen muss.

page = PAGE
page {
   typeNum = 0
     # Seiteneigenschaften
 
     bodyTag = <body bgcolor="#FFFFFF" topmargin="0" leftmagin="0">
     stylesheet = fileadmin/style.css   
 
     # Designvorlage
 
       10 = TEMPLATE
       10.template = FILE
       10.template.file = fileadmin/vorlage_1.html   
       10.workOnSubpart = DOKUMENT  
       
  
 10.marks {
     # DATUM
 
       DATUM = TEXT
       DATUM.data = date : d.m.Y
       
     # LOGO  
 
       LOGO = IMAGE
       LOGO.file = fileadmin/images/logo.jpg
       LOGO.file.width = 178
    
    # Menü oben
       MENU_OBEN = HMENU 
       MENU_OBEN {
            special = directory
            special.value = 13
            1 = TMENU
            1.NO = 1
            1.NO.linkWrap =  | | |*|  | | |*|   |
             }            
   # Menü links
      MENU_LINKS = HMENU
      MENU_LINKS {
            wrap = <img src="fileadmin/images/linie_weiss.gif" width="178" height="1"><br>|
            special = directory
            special.value = 5
            entryLevel = 1
            1 = GMENU
            1.NO = 1
            1.NO.linkWrap =  |
           
            1.NO {
                       wrap = |<br>
                       XY = 178, 26+[16.h]
                       backColor = #D3E2F9
            
                       # Text
                       10 = TEXT
                       10.text.field = title
                       10.text.listNum = 0
                       10.text.listNum.splitChar = |
                       10.fontColor = Black
                       10.fontFile = fileadmin/fonts/verdana.ttf
                       10.fontSize = 12
                       10.NiceText = 1
                       10.offset = 14, 20
                       
                       15 < .10
                       15.text.listNum = 1
                       15.offset = 14, 32
 
                       16 < .10
                       16.text.case = upper
                       16.text.listNum = 1
                       16.fontSite = 22
                       16.offset = 1000, 1000
                                     
                       #Linie 
                       20 = IMAGE
                       20.file = GIFBUILDER
                       20.file {
                                  XY = 178,1
                                  backColor = #FFFFFF
                                   }
                       20.offset = 0, 23+[16.h]
                      }
 
            # RollOver
            1.RO < .1.NO
            1.RO.backColor = white
            
            #Ebene 2 (Resourcenplanung)
            2 < .1  
            2.NO {
                      backColor = white
                      10.fontcolor = white
                      10.fontSize = 11
                      XY = 178, 24
                      10.offset = 30, 20
                     }
            # RollOver
            2.RO < .2.NO
            2.RO.backColor = #D3E2F9
        }
 
         
            # Klickpfad
            KLICKPFAD = COA
            KLICKPFAD {
 
                               10 = TEXT
                               10.value = Sie befinden sich hier :                             
                            
                               20 = HMENU
                               20 {
                               special = rootline 
                               special.range = 2|-1
                               1 = TMENU
                               1.NO = 1
                               1.NO.linkWrap = | /  
 
                                 
                            
                                    }
                              }
 
            # Inhalte 
            INHALT = CONTENT
            INHALT {
                        table = tt_content
                       }
 
 }
}
        
INHALT = CONTENT
INHALT < styles.content.get
Nicklas ·

so weiter gehts.. hast du dann zwei templates? oder nur zwei stylesheets? und der Weg von meinem Link und deinem script zur Lösung ist nicht mehr weit 🙂

Zwerg1hero ·

also das ist mein einziges selbstgeschriebenes. Habe noch ne HTML vorlage sowie css datei und 2 andere Sachen (standartkrams) auch noch. Siehe anderen Thread 🙂

Nicklas ·

möchtest du, dass wenn jemand mit 800x600 auf deine Seite kommt eine andere Vorlage (.html) bekommt als der mit 1024? oder nur ein anderes stylesheet?

Zwerg1hero ·

also ich habe zu hören bekommen, dass wenn man mit 800x600 auf die Seite geht die Schrift dafür zu größ ist und das Desgin dann nicht mehr passt. Also ich denke schon das die css auf jeden Fall geändert werden muss (Schriftgröße).

Marco74 ·

hm....also ich finde es nicht wirklich sinnvoll und effizient für verschiedene Auflösungen unterschiedliche Layouts zu machen. Mit CSS und Angaben in Prozent kann man gewisse Anpassungen vorsehen. Objekt-Dimensionen gebe ich immer in Pixeln an (relative Grösse) und Schriftgrösse bzw. Zeilenhöhe immer in em (auch relativ). Die Schrift passt eigentlich immer perfekt, unabhängig von der Auflösung.

Natürlich wird das Dargestellte insgesamt kleiner bei höherer Auflösung. Aber das ist ja auch logisch und dem User sogar recht?

fg Marco

Zwerg1hero ·

ja stimmt schon. Aber die Seite wird intern benutzt und sollte möglichst leicht zu finden sein und übersichtlich. Wenn jetzt jemand mit einer 1024er kommt sieht er alles normal (ich glaube schriftgröße 13). Aber mit 800x600 so sagte man mir ist die Schrfit zu groß , d.h die Texte kann man nicht richtiglesen/ werden logischerweise zu monströs dargestellt.

Nicklas ·

Wenns nur um die Schrift geht reicht es auch aus, über eine Auswahl die zu ändern. Sit in dem gov.xhtml template standardmäßig drin und gibts bestimmt auch tuts zu...

Nicklas ·

Was möchtest du erreichen wenn jemand mit einer kleinen auflösung auf die Seite kommt?

1. Ein anderes Template mit anderen Hintergrundgrafiken soll geladen werden.

2. Die Grafiken sollen gleich bleiben, lediglich div-kontainer bzw Tabellen sollen verkleinert werden.

3. Ausschließlich die Schrift soll in der Größe geändert werden.

Für wen entscheiden Sie sich Zwerg1hero?

gruß

Nicklas ·

ich darf ja wohl bitten... bitte nicht sietzen.. bin grad mal 21 🙂

ok, demnach müsste man nur ein anderes css laden mit den entsprechend anderen werten. ergo sind wir wieder beim anfang...

also nochma das lesen was ich dir gepostet hab, die entsprechende extension installieren und das manual lesen 🙂

Zwerg1hero ·

ok also müsste ich eigentlich nur diese Zeilen einbinden :

userFunc= tx_ccscreenres_match(0)] 
 
// screen res detection
page.1 < plugin.tx_ccscreenres_pi1
 
 
 
[userFunc= tx_ccscreenres_match(<0)]
page.stylesheet = fileadmin/template/main/800.css
 
 
 
[userFunc= tx_ccscreenres_match(<900)]
page.stylesheet = fileadmin/template/main/1024.css
 
 
 
[userFunc= tx_ccscreenres_match(<1100)]
page.stylesheet = fileadmin/template/main/1280.css

also müsste ich das Plugin tx_ccscreenres_pi1 nachinstallieren,richtig?

die Frage ist nur wo ich diese Zeilen in meinem Script einsetzten muss.

Nicklas ·

so langsam wirds bissel nervig, weil du dich scheinbar nicht damit auseinandersetzt, sondern wartest bis ich dir die sachen diktiere...

lies mal bitte das manual zur extension und lern die grundlagen von typoscript.. dann guckst du dir dein ts an und überlegst mal wo es snnvoll wäre das dingen einzusetzen...