Tabellenlose gestaltung

ademmm · April 8, 2006

yuppiee!

mir ist gelungen eine template zu erstellen ohne tabellen <table><tr><td> zu benutzen

ich musste leider teilweise in php dateien code s?ubern.

ich werde weiter berichten wenn ich reiclich getestet habe.

nom · April 9, 2006

Dann schau es unter IE an :closedeyes:

techway · April 9, 2006

zeig mal eine Livedemo :-)

was bringt es an Vorteilen?

nom · April 9, 2006

Viel schnellere Ladezeit, allerdings gibt es einige Darstellungsprobleme mit IE. Ich muss darauf wegen IE verzichten :angry:

inox software · April 10, 2006

jo nom,

wieso haut man den IE net einfach in die m?lltonne ??? :ph34r:

mfg

inox

n3or · April 10, 2006

Gute Frage w?r ich voll daf?r, leider surfen die meisten immer noch mit dem IE :wacko:

techway · April 10, 2006

ist es den mit dem IE 7 anders? wei? jemand was dar?ber?

die beta ist ja schon lange drau?en

ANE · April 14, 2006

Originally posted by ademmm@Apr 9 2006, 12:16 AM
yuppiee!
mir ist gelungen eine template zu erstellen ohne tabellen <table><tr><td> zu benutzen
ich musste leider teilweise in php dateien code s?ubern.
ich werde weiter berichten wenn ich reiclich getestet habe.

Quoted post

Hallo!

Das w?rde mich auch brennend interessieren. Hast Du schon ausf?hrlichere tests gemacht? Gibt es einen Link, wo man sich das mal ansehen kann?

sprma · April 26, 2006

Gr??e!

Auch ich habe mich von der "table-hell" (bis zu siebenfach ineinander geschachtelte Tabellen. Sic!) gel?st und ein Template gebastelt, dass (fast) vollst?ndig auf Tabellen verzichtet. Nur dort, wo Tabellen sinnvoll sind, wurden sie - jedoch ohne die Tabelle-in-Tabelle-in-Tabelle Verschachtelung - beibehalten.

Nun ist der Shop sogar "Valid XHTML" und "Valid CSS" *stolz*

Soweit ich das sehen kann, schaut der Shop sowohl im FF, O, K und IE ziemlich gleich aus. Safari konnte ich mangels Mac nicht testen.

Und hier der obligatorische Link: Nitrox Narcosis.

Meine ?nderungen im Shop-System sind:

<root>/includes/modules/metatags.php


Die Variable $title hinzugef?gt und in der vierten und f?nften if()-Schleife abgefragt; hier ist ein Fehler enthalten, der bei der Sitemap (und evtl. bei anderen Seiten auch) zwei <title>-Zeilen ausgibt.




<root>/admin/includes/classes/import.php


in Zeile 741 vor "fclose($fp);" hinzugef?gt:


// change filepermission on exported file so it is readable via ftp (some fputs only generate "rw-r-----")

chmod(DIR_FS_DOCUMENT_ROOT.'export/'.$this->filename, 0644);




<root>/inc/xtc_draw_selection_field.inc.php

<root>/inc/xtc_draw_input_field.php

<root>/inc/xtc_draw_hidden_field.php

<root>/inc/xtc_draw_pull_down_menue.inc.php


statt: $variable = '<input type="' . xtc_parse_in...

bzw:  $field = '<select name="' . xtc_pa...


neu:  $variable = '<input class="input-' . xtc_parse_input_field_data($type, array('"' => '"')) . '" type="' . xtc_parse_in...

bzw:  $field = '<select class="form-select" name="' . xtc_pa...



Die CSS-Klasse "input/form-<Art_des_Input-Feldes>" wurde hinzugef?gt, um im CSS mit den verschiedenen <input>-Arten spielen zu k?nnen.




<root>/lang/german/lang_german.conf

<root>/lang/german/lang_english.conf


Hier die folgenden Werte hinzugef?gt:


Wert           german    english

---------------------+------------+----------------

heading_youraccount = 'Ihr Konto' | 'Your account'




<root>/inc/xtc_image_submit.inc.php


Im <input type="image"...> die Klasse "image-submit" hinzugef?gt, um diesen Input-Typ gegen?ber dem Textfeld abzuheben.


neu: <input class="image-submit" type="image"...>



<root>/lang/german/lang_german.conf

<root>/lang/english/lang_english.conf


Hier die folgenden Werte hinzugef?gt:


Wert        german  english

-----------------+---------+---------

text_cart_total = 'Gesamt' | 'Total'

text_cart_one = 'Artikel' | 'item'

text_cart_more = 'Artikel' | 'items'




<root>/includes/application_top.php


Im {$navtrail} wird standardm??ig die Artikelnummer angezeigt. Diese ?nderung zeigt den Artikelnamen:


statt:

// add the products model/name to the breadcrumb trail

if ($product->isProduct()) {

	$breadcrumb->add($product->getBreadcrumbModel(), xtc_href_link(FILENAME_PRODUCT_INFO, xtc_product_link($product->data['products_id'], $product->data['products_name'])));

}



neu:

// add the products model/name to the breadcrumb trail

if ($product->isProduct()) {

  require_once (DIR_FS_INC.'xtc_get_products_name.inc.php');

  $breadcrumb->add($myProductName = xtc_get_products_name($product->data['products_id']));

}




<root>/lang/german/german.php

<root>/lang/german/lang_german.conf


in diesen Dateien wurden "alte" HTML-Tags (<font>, <b>) und Style-Definitionen in Tags angepasst.




<root>/includes/header.php


hier wurde nach Zeile folgende neue Zeile 60 eingef?gt:


<link rel="shortcut icon" type="image/ico" href="<?php echo 'templates/'.CURRENT_TEMPLATE.'/img/favicon.ico'; ?>" />


Somit wird ein "Favicon" in der Browser-Adresszeile angezeigt.

Daf?r br?te ich gerade ?ber einer M?glichkeit, eine eigene Box zu erstellen. Smarty ist wohl nicht so mein Ding... Ich habe in der

templates/mein_template/source/boxes.php

ein

require(DIR_WS_BOXES . 'mybox.php');

eingef?gt. Es gibt die Datei

templates/mein_template/boxes/mybox.html

mit diesem Inhalt:

{config_load file="$language/lang_$language.conf" section="boxes"}

<!-- box_mybox -->

<div class="box">

	<div class="box-title">{#heading_mybox#}</div>

	<div class="box-content">{$BOX_CONTENT}</div>

</div>

und

{#heading_mybox#}

wurde in den Sprachdateien definiert. So, jetzt stehe ich wie der Ochse vor dem sprichw?rtlichen Berg, wenn's darum geht, die

templates/meintemplate/source/boxes/mybox.php

zu erstellen. Ich habe zwar versucht, aus anderen Dateien "abzuschreiben", aber mir ist kein Erfolg beschert.

Wenn mir da jemand helfen k?nnte, w?re ich ziemlich gl?cklich. Bislang ist die Box fest in die index.html reingecoded (extrem unsch?n).

Heute ist nicht alle Tage,

Matthias

snyware · April 26, 2006

also wenn Du Tabellen nutzt, kann der Shop ja trotzdem

Valid XHTML" und "Valid CSS sein. Das hat ja nichts mit der Technik selbst

zu tun. Nur wenn Du HTML Code untermixt, z.B. ein

anstatt ein

verwendest, ist das normal.

So, jetzt stehe ich wie der Ochse vor dem sprichw?rtlichen Berg, wenn's darum geht, die

templates/meintemplate/source/boxes/mybox.php

zu erstellen. Ich habe zwar versucht, aus anderen Dateien "abzuschreiben", aber mir ist kein Erfolg beschert.

verstehe nicht genau was Du da machen willst...

sprma · April 26, 2006

Originally posted by snyware+Apr 26 2006, 06:30 PM--><div class='quotetop'>QUOTE(snyware @ Apr 26 2006, 06:30 PM)</div><div class='quotemain'>also wenn Du Tabellen nutzt, kann der Shop ja trotzdem
Valid XHTML" und "Valid CSS sein. Das hat ja nichts mit der Technik selbst
zu tun. Nur wenn Du HTML Code untermixt, z.B. ein
anstatt ein
verwendest, ist das normal.

Richtig. Nur wenn man in den Tabellenschachteln versucht, "freih?ndig" was zu ?ndern, dann muss man schon einen ziemlichen Kopfstand machen, um keinen Knoten ins Hirn zu bekommen ;-)

<!--QuoteBegin-snyware@Apr 26 2006, 06:30 PM

verstehe nicht genau was Du da machen willst...

Quoted post

snyware · April 26, 2006

Ja , ist nicht verkehrt, war nur eine Anmerkung ;-)

Mit den Boxen ist korrekt, sie muss dann nur noch mit {$box_xyz} eingebunden werden.

Beim cachen ben?tigst Du eine eindeutige ID oder ?hnliches (hier die $shop_content_data['content_id']). Du musst nur daf?r sorgen, dass jeder Aufruf

dann eine andere $cache_id erzeugt , um sicherzugehen kann man z.B. noch einen Wert anf?gen, z.B. $shop_content_data['content_group'] , wie bei mir:

if (USE_CACHE=='false') {

 $box_smarty->caching = 0;

 $box_content_data = $box_smarty->fetch(CURRENT_TEMPLATE.'/boxes/'.$html_template);

 } else {

 $box_smarty->caching = 1;	

 $box_smarty->cache_lifetime=CACHE_LIFETIME;

 $box_smarty->cache_modified_check=CACHE_CHECK;

 $cache_id = $_SESSION['language'].$shop_content_data['content_id'].$shop_content_data['content_group'].$_SESSION['customers_status']['customers_status_name'];

 $box_content_data = $box_smarty->fetch(CURRENT_TEMPLATE.'/boxes/'.$html_template,$cache_id);

 } $smarty->assign($box_inc_name,$box_content_data);

Um mehr brauchst Du Dich da nicht zu k?mmern. Schaue Dir mal dei anderen Boxen an, dann wird es Dir schon auffallen.

sprma · April 27, 2006

Danke f?r die Hilfe!

Jetzt funktioniert zumindest die Box.

Nur ist offensichtlich ein Unterschied, ob

{if $account}{php}if(isset($_SESSION['customer_id'])) {{/php}<a href="{$logoff}"><img src="{$tpl_path}/img/logoff-image.gif" align="middle" alt="logoff" /></a> <a href="{$logoff}">{#link_logoff#}</a>{php}}{/php}{/if}

in der index.html oder in der box_mybox.html abgefragt wird. Es kommt zwar beides Mal in der Cache-Datei (einmal in %%%box_mybox.html.php und das andere Mal in %%%index.html.php) das gleiche raus

<?php if ($this->_tpl_vars['account']): if(isset($_SESSION['customer_id'])) { ?><a href="<?php echo $this->_tpl_vars['logoff']; ?>

"><img src="<?php echo $this->_tpl_vars['tpl_path']; ?>

/img/logoff-image.gif" align="middle" alt="logoff" /></a> <a href="<?php echo $this->_tpl_vars['logoff']; ?>

"><?php echo $this->_config[0]['vars']['link_logoff']; ?>

</a><?php } endif; ?>

Aber wenn es in der Box steht, dann kommt bei der Abfrage der Account-Variable was anderes raus und der Link erscheint nicht.

Matthias

snyware · April 27, 2006

Ja richtig, weil diese Abfrage in der index.html stattfinden muss,

da die account Var. nicht ?ber Deine Box kommt, genau wie die logoff. Die kommen

?ber die header.php. Du musst Deine Box selbst aufbauen, und die entsprechenden Werte dort erstellen, um sie in Deiner Box benutzen zu k?nnen.

bara.munchies · May 9, 2006

Originally posted by sprma@Apr 26 2006, 05:08 PM
Soweit ich das sehen kann, schaut der Shop sowohl im FF, O, K und IE ziemlich gleich aus. Safari konnte ich mangels Mac nicht testen.

Quoted post

in opera sieht es total durcheinander aus, hast du was ge?ndert? wollte mich auch mal an die umsetzung in tabellenfrei machen

sprma · May 9, 2006

:huh:

Aaaargghhh! Was ist denn da passiert?!

Mistmistmistmistmistmistmist.

Das letzte Mal, als ich es im Opera ansah, hat's perfekt ausgesehen...

Da werde ich wohl nachbessern m?ssen!

...please stand by...

SprMa

bara.munchies · May 9, 2006

nicht verzagen

AxelF · May 11, 2006

Hallo Leute,

ich bin in css Templates fit, und werde mal ein Dummy css template machen. Ich werde wohl mal das standart template als css umsetzen.

Dies werden alleridngs nur User verstehen, die fit in html und css sind, sonst klappt es nicht.

Ihr k?nnt Euch aber schon mal ein Theme f?r Xoops downloaden, das seht Ihr wie so was aussieht.

WDC_008_xoops

Hoffe das Euch das dann helfen wird.

satzone · May 11, 2006

Nun ist der Shop sogar "Valid XHTML" und "Valid CSS" *stolz*

Ho sprma

Leider auch nicht ganz, hast 2 Errors drinn.

SonjaSt · May 11, 2006

Originally posted by inox software@Apr 10 2006, 06:42 PM
jo nom,

wieso haut man den IE net einfach in die m?lltonne ???

mfg
inox

Quoted post

F?r Macintosh wird er zum Gl?ck auch nicht mehr weiterentwickelt.

Hoffen wir, dass die DOSen auch bald verb?nftig werden. IE hat mir schon einige Websites zunichte gemacht :ph34r:

Tabellenlose gestaltung

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Archived