Ankündigung

Einklappen
Keine Ankündigung bisher.

- √ - Designfrage

Einklappen
X
Einklappen
 
  • Seite von 2
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge
Vorherige 1 2 template Weiter
    #16
    Zitat von chrisi Beitrag anzeigen
    poste mal den den Code von dir
    Code:
    /**
 * -----------------------------------------------------------------------------
 * @package     smartVISU
 * @author      Martin Gleiß
 * @copyright   2012
 * @license     GPL <http://www.gnu.de>
 * ----------------------------------------------------------------------------- 
 */
	<ul data-role="listview" data-dividertheme="c" >
		<li data-role="list-divider">Ueberblick</li>
	</ul> 	
	<br>
	<ul data-role="listview" data-dividertheme="c" class="tilesselber">
			<li data-icon="false">
			<a href="index.php?page=eg_vorraum_gang">
				<img class="icon"' src='{{ icon0 }}scene_making_love.png'/><h3>Making love</h3>
					<div class="ui-li-aside">
						<br>
						<img class="icon"' src='{{ icon0 }}scene_making_love_clean.png'/> <br>
					</div>
			</a>
			</li>
			<li data-icon="false">
			<a href="index.php?page=eg_vorraum_gang">
				<img class="icon"' src='{{ icon0 }}scene_livingroom.png'/><h3>Fernsehen</h3>
					<div class="ui-li-aside">
					Left1 <br>
					</div>
			</a>
			</li>
			<li data-icon="false">
			<a href="index.php?page=eg_vorraum_gang">
				<img class="icon"' src='{{ icon0 }}scene_party.png'/><h3>Party</h3>
					<div class="ui-li-aside">
						{{ basic.float('aussentemperatur', 'Out.wetter.temperatur', ' °C') }}<br>
						<img class="icon"' src='{{ icon0 }}scene_party.png'/> <br>
					</div>
			</a>
			</li>
			<li data-icon="false">
			<a href="index.php?page=eg_vorraum_gang">
			<img class="icon"' src='{{ icon0 }}scene_night.png'/><h3>Schlafen</h3>
					<div class="ui-li-aside">
					Right 2 <br>
					</div>
			</a>
			</li>
	</ul>
&nbsp;<br>


<ul data-role="listview" data-dividertheme="c" > 
    <li data-role="list-divider">Erdgeschoss</li>
	 <li data-icon="false">
        <a href="index.php?page=room1.diele">
            <img class="icon" src="{{ icon0 }}scene_stairs.png"/><h3>Diele/Treppe</h3>
            <div class="ui-li-aside">
                {{ basic.float('diele_temperatur', 'diele.Heizung.ist_temperatur', ' °C') }} <br />
                {{ basic.symbol('diele_licht_on', 'diele.Deckenlampe', '', icon1~'light_downlight.png', 1) }}
                {{ basic.symbol('diele_licht_off', 'diele.Deckenlampe', '', icon0~'light_downlight.png', 0, 'and') }}
			    {{ basic.symbol1('hwr_heizung_off', 'hwr.heizung.status', '', icon1~'sani_floor_heating.png', 0) }}	
			
          
            </div>
        </a>
    </li>
	<li data-icon="false">
        <a href="index.php?page=room1.hwr">
            <img class="icon" src="{{ icon0 }}sani_boiler_temp.png"/><h3>Hauswirtschaftsraum</h3>
            <div class="ui-li-aside">
				{{ basic.float('hwr_temperatur', 'hwr.heizung.ist_temperatur', ' °C') }} <br />
                {{ basic.symbol('hwr_licht_on', ['hwr.Deckenlampe', 'hwr.Wandlampe'], '', icon1~'light_light.png', 1) }}
				{{ basic.symbol('hwr_licht_off', ['hwr.Deckenlampe', 'hwr.Wandlampe'], '', icon0~'light_light.png', 0, 'and') }}
                {{ basic.symbol('hwr_heizung_on', ['hwr.Deckenlampe', 'hwr.Wandlampe'], '', icon1~'sani_floor_heating.png', 1) }}
                {{ basic.symbol('hwr_heizung_off', 'hwr.heizung.status', '', icon1~'sani_floor_heating.png', 0) }}				
            </div>
        </a>
    </li>
    <li data-icon="false">
        <a href="index.php?page=room1.wohnen">
            <img class="icon" src="{{ icon0 }}scene_livingroom.png"/><h3>Wohnzimmer</h3>
            <div class="ui-li-aside">
                {{ basic.float('wohnen_temperatur', 'wohnzimmer.heizung.ist_temperatur', ' °C') }} <br />
                {{ basic.symbol('wohnen_licht_on', ['wohnzimmer.Wohnzimmerlampe', 'wohnzimmer.Wandlampe','wohnzimmer.AmbienteLicht'], '', icon1~'light_light.png', 1) }}
                {{ basic.symbol('wohnen_licht_off', ['wohnzimmer.Wohnzimmerlampe', 'wohnzimmer.Wandlampe','wohnzimmer.AmbienteLicht'], '', icon0~'light_light.png', 0, 'and') }}
                {{ basic.symbol('wohnen_heizung_on', 'wohnzimmer.heizung.status', '', icon1~'sani_floor_heating.png', 1) }}
                {{ basic.symbol('wohnen_heizung_off', 'wohnzimmer.heizung.status', '', icon1~'sani_floor_heating.png', 0) }}
	    </div>
        </a>
    </li>
    <li data-icon="false">
        <a href="index.php?page=room1.esszimmer">
            <img class="icon" src="{{ icon0 }}scene_dinner.png"/><h3>Esszimmer</h3>
            <div class="ui-li-aside">
                {{ basic.float('esszimmer_temperatur', 'esszimmer.heizung.ist_temperatur', ' °C') }} <br />
                {{ basic.symbol('esszimmer_licht_on', ['esszimmer.Esszimmertisch', 'esszimmer.Wandlampe'], '', icon1~'light_light.png', 1) }}
                {{ basic.symbol('esszimmer_licht_off', ['esszimmer.Esszimmertisch', 'esszimmer.Wandlampe'], '', icon0~'light_light.png', 0, 'and') }}
                {{ basic.symbol('esszimmer_heizung_on', 'esszimmer.heizung.status', '', icon1~'sani_floor_heating.png', 1) }}
                {{ basic.symbol('esszimmer_heizung_off', 'esszimmer.heizung.status', '', icon1~'sani_floor_heating.png', 0) }}
	    </div>
        </a>
    </li>	
    <li data-icon="false">
        <a href="index.php?page=room1.kueche">
            <img class="icon" src="{{ icon0 }}scene_cooking_hob.png"/><h3>Küche</h3>
            <div class="ui-li-aside">
                {{ basic.float('kueche_temperatur', 'kueche.heizung.ist_temperatur', ' °C') }} <br />
                {{ basic.symbol('kueche_licht_on', ['kueche.Deckenlampe1', 'kueche.Deckenlampe3', 'kueche.Wandlampe', 'kueche.Pendellampe'], '', icon1~'light_light.png', 1) }}
                {{ basic.symbol('kueche_licht_off', ['kueche.Deckenlampe1', 'kueche.Deckenlampe3', 'kueche.Wandlampe', 'kueche.Pendellampe'], '', icon0~'light_light.png', 0, 'and') }}
                {{ basic.symbol('kueche_heizung_on', 'kueche.heizung.status', '', icon1~'sani_floor_heating.png', 1) }} 
                {{ basic.symbol('kueche_heizung_off', 'kueche.heizung.status', '', icon0~'sani_floor_heating.png', 0) }}
            </div>
        </a>
    </li>
    <li data-icon="false">
        <a href="index.php?page=room1.gaestewc">
            <img class="icon" src="{{ icon0 }}scene_toilet.png"/><h3>Gäste-WC</h3>
            <div class="ui-li-aside">
                {{ basic.float('gaestewc_temperatur', 'gaestewc.heizung.ist_temperatur', ' °C') }} <br />
                {{ basic.symbol('gaestewc_licht_off', ['gaestewc.Deckenlampe','gaestewc.Spiegellampe'], '', icon0~'light_light.png', 0) }}
                {{ basic.symbol('gaestewc_licht_on',  ['gaestewc.Deckenlampe','gaestewc.Spiegellampe'], '', icon1~'light_light.png', 1) }}
                {{ basic.symbol('gaestewc_heizung_on', 'gaestewc.heizung.status', '', icon1~'sani_floor_heating.png', 1) }}
                {{ basic.symbol('gaestewc_heizung_off', 'gaestewc.heizung.status', '', icon0~'sani_floor_heating.png', 0) }}
            </div>
        </a>
    </li>    


       
 
<li data-role="list-divider">Obergeschoss</li>
    <li data-icon="false">
        <a href="index.php?page=room2.flur">
            <img class="icon" src="{{ icon0 }}scene_stairs.png"/><h3>Flur</h3>
            <div class="ui-li-aside">
                {{ basic.float('flur_temperatur', 'dieleog.heizung.ist_temperatur', ' °C') }} <br />
               	{{ basic.symbol('flur_licht_on', 'flurog.Deckenlampe', '', icon1~'light_light.png', 1) }}
               	{{ basic.symbol('flur_licht_off', 'flurog.Deckenlampe', '', icon0~'light_light.png', 0) }}
                {{ basic.symbol('flur_heizung_on', 'dieleog.heizung.status', '', icon1~'sani_floor_heating.png', 1) }}
               	{{ basic.symbol('flur_heizung_off', 'dieleog.heizung.status', '', icon0~'sani_floor_heating.png', 0) }}
            </div>
        </a>
    </li>
    <li data-icon="false">
        <a href="index.php?page=room2.gaeste">
            <img class="icon" src="{{ icon0 }}scene_visit_guests.png"/><h3>Gästezimmer</h3>
            <div class="ui-li-aside">
                {{ basic.float('gaeste_temperatur', 'gaestezimmer.heizung.ist_temperatur', '°C') }} <br />
                {{ basic.symbol('gaeste_licht_on', 'gastezimmer.Deckenlampe', '', icon1~'light_light.png', 1) }}
                {{ basic.symbol('gaeste_licht_off', 'gastezimmer.Deckenlampe', '', icon0~'light_light.png', 0) }}
                {{ basic.symbol('gaeste_heizung_on', 'gaestezimmer.heizung.status', '', icon1~'sani_floor_heating.png', 1) }}
                {{ basic.symbol('gaeste_heizung_off', 'gaestezimmer.heizung.status', '', icon0~'sani_floor_heating.png', 0) }}
            </div>
        </a>
    </li>
    <li data-icon="false">
        <a href="index.php?page=room2.ankleide">
            <img class="icon" src="{{ icon0 }}scene_dressing_room.png"/><h3>Ankleide</h3>
            <div class="ui-li-aside">
                {{ basic.float('ankleide_temperatur', 'ankleide.heizung.ist_temperatur', ' °C') }} <br />
                {{ basic.symbol('ankleide_licht_on', 'ankleide.Deckenlampe', '', icon1~'light_light.png', 1) }}
                {{ basic.symbol('ankleide_licht_off', 'ankleide.Deckenlampe', '', icon0~'light_light.png', 0) }}
                {{ basic.symbol('ankleide_heizung_on', 'ankleide.heizung.status', '', icon1~'sani_floor_heating.png', 1) }}
                {{ basic.symbol('ankleide_heizung_off', 'ankleide.heizung.status', '', icon0~'sani_floor_heating.png', 0) }}
            </div>
        </a>
    </li>
    <li data-icon="false">
        <a href="index.php?page=room2.schlafen">
            <img class="icon" src="{{ icon0 }}scene_sleeping.png"/><h3>Schlafzimmer</h3>
            <div class="ui-li-aside">
                {{ basic.float('schlafen_temperatur', 'schlafzimmer.heizung.ist_temperatur', ' °C') }} <br />
                {{ basic.symbol('schlafen_licht_on', 'schlafzimmer.Deckenlampe', '', icon1~'light_light.png', 1) }}
                {{ basic.symbol('schlafen_licht_off', 'schlafzimmer.Deckenlampe', '', icon0~'light_light.png', 0) }}
                {{ basic.symbol('schlafen_heizung_on', 'schlafzimmer.heizung.status', '', icon1~'sani_floor_heating.png', 1) }}
                {{ basic.symbol('schlafen_heizung_off', 'schlafzimmer.heizung.status', '', icon0~'sani_floor_heating.png', 0) }}
            </div>
        </a>
    </li>
    <li data-icon="false">
        <a href="index.php?page=room2.bad">
            <img class="icon" src="{{ icon0 }}scene_toilet.png"/><h3>Bad Eltern</h3>
            <div class="ui-li-aside">
                {{ basic.float('bad_temperatur', 'badog.heizung.ist_temperatur', ' °C') }} <br />
               	{{ basic.symbol('bad_licht_on', ['badezimmer.Deckenlampe','badezimmer.Spiegellampe'], '', icon1~'light_light.png', 1) }}
               	{{ basic.symbol('bad_licht_off', ['badezimmer.Deckenlampe','badezimmer.Spiegellampe'], '', icon0~'light_light.png', 0, 'and') }}
               	{{ basic.symbol('bad_heizung_on', 'badog.heizung.status', '', icon1~'sani_floor_heating.png', 1) }}
               	{{ basic.symbol('bad_heizung_off', 'badog.heizung.status', '', icon0~'sani_floor_heating.png', 0) }}
            </div>
        </a>
    </li>	
    <li data-icon="false">
        <a href="index.php?page=room2.kind">
            <img class="icon" src="{{ icon0 }}scene_baby.png"/><h3>Kinderzimmer</h3>
            <div class="ui-li-aside">
                {{ basic.float('kind_temperatur', 'kinderzimmer.heizung.ist_temperatur', ' °C') }} <br />
                {{ basic.symbol('kind_licht_on', ['kinderzimmer.Deckenlampe','kinderzimmer.Empore'], '', icon1~'light_light.png', 1) }}
                {{ basic.symbol('kind_licht_off', ['kinderzimmer.Deckenlampe','kinderzimmer.Empore'], '', icon0~'light_light.png', 0, 'and') }}
               	{{ basic.symbol('kind_heizung_on', 'kinderzimmer.heizung.status', '', icon1~'sani_floor_heating.png', 1) }}
                {{ basic.symbol('kind_heizung_off', 'kinderzimmer.heizung.status', '', icon0~'sani_floor_heating.png', 0) }}
            </div>
        </a>
    </li>
    <li data-icon="false">
        <a href="index.php?page=room2.arbeiten">
            <img class="icon" src="{{ icon0 }}it_pc.png"/><h3>Arbeitszimmer</h3>
            <div class="ui-li-aside">
                {{ basic.float('arbeiten_temperatur', 'arbeitszimmer.heizung.ist_temperatur', ' °C') }} <br />
                {{ basic.symbol('arbeiten_licht_on', 'arbeitszimmer.Deckenlampe', '', icon1~'light_light.png', 1) }}
                {{ basic.symbol('arbeiten_licht_off', 'arbeitszimmer.Deckenlampe', '', icon0~'light_light.png', 0) }}
				{{ basic.symbol('arbeiten_licht_on', 'arbeitszimmer.Wandlampe', '', icon1~'light_light.png', 1) }}
                {{ basic.symbol('arbeiten_licht_off', 'arbeitszimmer.Wandlampe', '', icon0~'light_light.png', 0) }}
                {{ basic.symbol('arbeiten_heizung_on', 'arbeitszimmer.heizung.status', '', icon1~'sani_floor_heating.png', 1) }}
                {{ basic.symbol('arbeiten_heizung_off', 'arbeitszimmer.heizung.status', '', icon0~'sani_floor_heating.png', 0) }}
            </div>
        </a>
    </li>


           
<!--	    
	<li data-role="list-divider">Außen</li>
    <li data-icon="false">
        <a href="index.php?page=room0_carport">
            <img class="icon" src="{{ icon0 }}fts_garage.png"/><h3>Carport</h3>
            <div class="ui-li-aside"></div>
        </a>
    </li>
    <li data-icon="false">
        <a href="index.php?page=room0_terrasse">
            <img class="icon" src="{{ icon0 }}szene_terrasse.png"/><h3>Terrasse</h3>
            <div class="ui-li-aside"></div>
        </a>
    </li>
    <li data-icon="false">
        <a href="index.php?page=room0_garten">
            <img class="icon" src="{{ icon0 }}szene_garten.png"/><h3>Garten</h3>
            <div class="ui-li-aside"></div>
        </a>
    </li>
//-->    
</ul>
    Gruss Jens

    Kommentar

      #17
      Bau nach dem ersten

      Code:
      <br>
      einfach

      Code:
      &nbsp;
      ein.

      Also:
      Code:
      /**
 * -----------------------------------------------------------------------------
 * @package     smartVISU
 * @author      Martin Gleiß
 * @copyright   2012
 * @license     GPL <http://www.gnu.de>
 * -----------------------------------------------------------------------------
 */
        <ul data-role="listview" data-dividertheme="c" >
                <li data-role="list-divider">Ueberblick</li>
        </ul>
        <br>&nbsp;
        <ul data-role="listview" data-dividertheme="c" class="tilesselber">
                        <li data-icon="false">
...

      Kommentar

        #18
        Kam mir tatsächlich auch alles spanisch vor....

        Zitat von 2ndsky Beitrag anzeigen
        Wenn du jetzt nur spanisch verstanden hast, solltest du mal beim W3C nach HTML und CSS Kursen schauen
        ... Und deshalb werde ich demnächst wirklich noch einen Kurs für diese neuen Dinge buchen/besuchen.
        Hat jemand einen Tipp bzw. Einen Link, den er empfehlen kann?
        M.f.G.
        DiF design - Dieter Fleck
        eMail: Dieter.Fleck@DiF-design.de
        Skype-Name: DagobertDDuck

        Kommentar

          #19
          Zitat von chrisi Beitrag anzeigen
          Bau nach dem ersten

          Code:
          <br>
          einfach

          Code:
          &nbsp;
          ein.

          Also:
          Code:
          /**
 * -----------------------------------------------------------------------------
 * @package     smartVISU
 * @author      Martin Gleiß
 * @copyright   2012
 * @license     GPL <http://www.gnu.de>
 * -----------------------------------------------------------------------------
 */
        <ul data-role="listview" data-dividertheme="c" >
                <li data-role="list-divider">Ueberblick</li>
        </ul>
        <br>&nbsp;
        <ul data-role="listview" data-dividertheme="c" class="tilesselber">
                        <li data-icon="false">
...
          Hi jetzt ist es zu hoch.



          habe das jetzt eingebaut

          Code:
          /**
 * -----------------------------------------------------------------------------
 * @package     smartVISU
 * @author      Martin Gleiß
 * @copyright   2012
 * @license     GPL <http://www.gnu.de>
 * ----------------------------------------------------------------------------- 
 */
	<ul data-role="listview" data-dividertheme="c" >
		<li data-role="list-divider">Ueberblick</li>
	</ul> 	
	<br>&nbsp;
	<ul data-role="listview" data-dividertheme="c" class="tilesselber">
			<li data-icon="false">
			<a href="index.php?page=eg_vorraum_gang">
				<img class="icon"' src='{{ icon0 }}scene_making_love.png'/><h3>Making love</h3>
					<div class="ui-li-aside">
						<br>
						<img class="icon"' src='{{ icon0 }}scene_making_love_clean.png'/> <br>
					</div>
			</a>
			</li>
          Angehängte Dateien

          Kommentar

            #20
            Hallo,

            gibts da schon Lösungen probiere grade an dem selben Problem leider ohne Erfolg. Oder genau so Erfolglos wie meine Vor Schreiber.
            Kann ich auch dei Höhe der Liste Anpassen ?
            Gruß

            Guido

            Kommentar

            Vorherige 1 2 template Weiter
            Lädt...
            X

            Wir verarbeiten personenbezogene Daten über die Nutzer unserer Website mithilfe von Cookies und anderen Technologien, um unsere Dienste bereitzustellen. Weitere Informationen findest Du in unserer Datenschutzerklärung.

            Indem Du unten auf "ICH stimme zu" klickst, stimmst Du unserer Datenschutzerklärung und unseren persönlichen Datenverarbeitungs- und Cookie-Praktiken zu, wie darin beschrieben. Du erkennst außerdem an, dass dieses Forum möglicherweise außerhalb Deines Landes gehostet wird und bist damit einverstanden, dass Deine Daten in dem Land, in dem dieses Forum gehostet wird, gesammelt, gespeichert und verarbeitet werden.

            Ich stimme zu