ZenCart - Fórum - Template (vzhled obchodu) - Valid XHTML 1.0 Transitional

ZenCart Forum Index

Archiv Zencart

Template (vzhled obchodu)

Valid XHTML 1.0 Transitional

Prohlížení tohoto vlákna: 1 Anonymní uživatelé

Dolů

Předchozí téma

Další téma Registrovat pro přispívání

(1) 2 »

Bill-CZ	jak na pozadi?	#1
Expert Členem od: 14:50 20.5.2006 Skupina: Registrovaní uživatelé Příspěvky: 82	nejak se mi stale nedari dostat pozadi na do zenu: css mam napsany tohle: body { margin: 0; font-family: verdana, arial, helvetica, sans-serif; font-size: 62.5%; background-image: url("images/dt.gif"); background-repeat: repeat-left top; } a img {border: none; } nevim kam presne mam ten gif nahrat? Zasláno: 17:17 23.5.2006
	_________________ my eshop
Přenos

Dedek	Re: jak na pozadi?	#2
Guru Členem od: 20:29 7.12.2005 Bydliště Plzeň Skupina: Registrovaní uživatelé Vývojáři Příspěvky: 990	Do includes/templates/YOUR_TEMPLATE/images/ A kromě toho opravit styly. Je to špatně. Místo `background-image: url("images/dt.gif"); background-repeat: repeat-left top;` bych tam dal a) pro vodorovné opakování pozadí `background: url("../images/dt.gif") repeat-x;` b) pro svislé opakování `background: url("../images/dt.gif") repeat-y;` c) pro dlaždice `background: url("../images/dt.gif");` d) pro pevně umístěné a neopakované pozadí `background: url("../images/dt.gif") no-repeat;` Z toho co jsi napsal, není jasné, jestli a jak se má pozadí opakovat. Pozice left top je implicitní (resp. 0% 0%). Zasláno: 17:40 23.5.2006
	_________________ [col
Přenos

Nismo

Re: jak na pozadi?

Guru

Členem od:
8:08 10.11.2005

Bydliště Prague

Skupina:
Registrovaní uživatelé
Vývojáři

Příspěvky: 1389

Mám lehký problém s css.
Upravuji vzhled EZpages a nejde mi nastavit výška DIVu.
Na přiloženém obrázku je červeně zatržen prostor navíc, o který se mi jedná.
DIV v tpl_ezpages_bar_header.php mám upraven takto:

<div id="navEZPagesTop">
<table border="0" cellpadding="0" cellspacing="0" margin="0">
<tr>
<?php for ($i=1, $n=sizeof($var_linksList); $i<=$n; $i++) {  ?>
  <td class="navEZPagesTop3"></td>
  <td class="navEZPagesTop1"></td>
  <td class="navEZPagesTop2">
  <a href="<?php echo $var_linksList[$i]['link']; ?>">
  &nbsp;&nbsp;<?php echo $var_linksList[$i]['name']; ?>
  &nbsp;&nbsp;</a>
  </td>
  <td class="navEZPagesTop4"></td>
  <?php // echo ($i <= $n ? EZPAGES_SEPARATOR_HEADER : '') . "\n"; ?>
<?php } // end FOR loop ?>
</tr>
</table>
</div>

a css (jen kousek co se toho týká):

/* pozadí za navigací nahoøe mezi boxy u EZ pages*/
#navEZPagesTop {
  text-align: right;
	background-image: url(../images/tile_back.gif);
	/*line-height: 22px;*/
	/*height: 22px;*/
	margin: 0px;
	}
.navEZPagesTop1{
	background-image: url(../images/tile_back1.gif);
	width: 14px;
	height: 22px;
	}
.navEZPagesTop2{
	color: #000000;
	font-family: Tahoma;
	font-size: 1.1em;
	font-weight: normal;
	background-image: url(../images/tile_back2.gif);
	height: 22px;
	}
.navEZPagesTop2 a {
	color: #000000;
	}
.navEZPagesTop2 a:visited {
	color: #000000;
	}
.navEZPagesTop2 a:hover {
	color: #000000;
	}
.navEZPagesTop3{
	background-image: url(../images/tile_back3.gif);
	width: 5px;
	height: 22px;
	}
.navEZPagesTop4{
	/*background-color: #FFFFFF;*/
	background-image: url(../images/tile_back4.gif);
	width: 7px;
	height: 22px;
	}

Je to takto uděláno, aby to automaticky vytvářelo tlačítko při přidání EZpage.

Jen ta výška DIVu.. Nepomohlo ani
line-height: 22px;
nebo
height: 22px;
nebo
margin: 0px;

Dědkůů plís...

Připojit soubor:

zencarthelp.jpg (17.01 KB)
46_4479d2ce92b9d.jpg 176X129 px

Zasláno: 18:41 28.5.2006

_________________
NISMO
www.AUTOKSEFT.cz

Přenos

JardaR	Re: jak na pozadi?	#4
Webmaster Členem od: 21:08 29.8.2005 Bydliště Louny Skupina: Registrovaní uživatelé Příspěvky: 1888	Líbí se mi ta tlačítka. Chci je taky. V čem jsou dělána? Zasláno: 18:45 28.5.2006

Přenos

Nismo	Re: jak na pozadi?	#5
Guru Členem od: 8:08 10.11.2005 Bydliště Prague Skupina: Registrovaní uživatelé Vývojáři Příspěvky: 1389	Corel Photo-Paint díky za pochvalu. Zasláno: 18:46 28.5.2006
	_________________ NISMO www.AUTOKSEFT.cz
Přenos

JardaR	Re: jak na pozadi?	#6
Webmaster Členem od: 21:08 29.8.2005 Bydliště Louny Skupina: Registrovaní uživatelé Příspěvky: 1888	No tlačítka si vytvořím klidně sám, ale nikde nemohu už delší dobu sehnat ty ikonky dovnitř. Zasláno: 18:51 28.5.2006

Přenos

Nismo	Re: jak na pozadi?	#7
Guru Členem od: 8:08 10.11.2005 Bydliště Prague Skupina: Registrovaní uživatelé Vývojáři Příspěvky: 1389	Na to jsem vymyslel jednu fintu. V XP je jich docela dost, tak dej Start - Hledat - Soubory či složky - Obrázky, hudbu, nebo video - Obrázky - Rozšířené možnosti vyhledávání - a dej hledat v C:\WINDOWS a najde ti docela dost obrázků... Zasláno: 18:58 28.5.2006
	_________________ NISMO www.AUTOKSEFT.cz
Přenos

Dedek	Re: jak na pozadi?	#8
Guru Členem od: 20:29 7.12.2005 Bydliště Plzeň Skupina: Registrovaní uživatelé Vývojáři Příspěvky: 990	2 Nismo: Podle kódu, který uvádíš, by mělo stačit nastavit svislý padding pro obalující div #navEZPagesTop, tedy např. `#navEZPagesTop { text-align: right; background-image: url(../images/tile_back.gif); margin: 0px; padding: 7px 0; }` Ale celkově mi to přijde nějak zbytečně překomplikovaný. To je postavený na template classic? Zasláno: 14:58 29.5.2006
	_________________ [col
Přenos

Nismo	Re: jak na pozadi?	#9
Guru Členem od: 8:08 10.11.2005 Bydliště Prague Skupina: Registrovaní uživatelé Vývojáři Příspěvky: 1389	Dalo by se říct, že je to postaveno na classicu, ale trošku zvláštním způsobem. Díky za radu, ale vůbec nic se nezměnilo. To že je to překomplikované , tak s tím naprosto souhlasím, nicméně na až na malou vyjímku jsem na lepší řešení nepřišel. S CSS nejsem moc kamarád, ikdyž bych rád. Taky mě zaráží, že FF nereaguje na text-align: right; v #navEZPagesTop Zasláno: 18:57 29.5.2006
	_________________ NISMO www.AUTOKSEFT.cz
Přenos

Dedek	Re: jak na pozadi?	#10
Guru Členem od: 20:29 7.12.2005 Bydliště Plzeň Skupina: Registrovaní uživatelé Vývojáři Příspěvky: 990	Mně teda není úplně jasný, jak má ten div bejt vysokej. Jestli má bejt stejně vysokej jako ta tabulka, kterou obaluje, nebo vyšší. Pro stejnou výšku zkus nastavit: `#navEZPagesTop { text-align: right; background-image: url(../images/tile_back.gif); margin: 0; padding: 0; } #navEZPagesTop table { margin: 0; padding: 0; }` a případně laborovat s různým nastavením padding a margin podle potřeby. K tomu text-align: right; ve FF - nepoznám z kódu, co se má zarovnávat vpravo. Každej prohlížeč má jiný výchozí nastavení stylů a co se nepředepíše explicitně, bere z toho výchozího nastavení. Pokud se má celá tabulka odsunout doprava, může jí v tom bránit zděděné nebo implicitní nastavení margin-left:auto a margin-right:auto. Nastavení margin:0 to vypne. Pro testování blokovejch prvků používám zcela jednoduchou fintu, že každýmu napřed nastavím jinou barvu pozadí (background:<barva>;), abych viděl, jak jsou v sobě nebo na sobě poskládaný a po otestování zruším nebo nastavím pozadí podle potřeby. Zasláno: 16:16 30.5.2006
	_________________ [col
Přenos