Salut,
am un site http://www.preturirezonabile.ro
la care doresc sa ii schimb CSS pentru coloanele dreapta, stanga si respectiv Main.
tema este cea clasica,
ce ma intereseaza de ex:
coloana stanga Oferte speciale - sa pot adauga langa "Oferte speciale" o imagine specifica...
iar ca general sa pot evidentia coloanele prin CSS (fiecare Coloana sa aibe CSS separat)
Va multumesc!
nu inteleg ce vrei sa zici.. unde vrei sa adaugi imagine si cum vrei sa ca fiecare coloana sa aiba css separat? adica vrei sa fie diferit de cele din centru?
dreapta
stanga
Code: Select all
#column-right .box-product > div {
}Code: Select all
#column-left .box-product > div {
}
Opencart Templates, Modules, Themes & Custom Development | ShopThemer
a creat un div in header.tpl
l-a pozitionat absolut in functie de pagina lui
i-a dat latime si lungime si ca background a adaugat imaginea cu informatiile de contact
l-a pozitionat absolut in functie de pagina lui
i-a dat latime si lungime si ca background a adaugat imaginea cu informatiile de contact
Opencart Templates, Modules, Themes & Custom Development | ShopThemer
Cum am inteles eu
Am adaugat in header.tpl
adica
Apoi in stylesheets.css
adica in sectiunea de #header
Am adaugat in header.tpl
Code: Select all
<?php if ($telefon) { ?>
<div id="telefon"><a href="<?php echo $home; ?>"><img src="<?php echo $telefon; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" /></a></div>
<?php } ?>Code: Select all
<!DOCTYPE html>
<html dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>">
<head>
<meta charset="UTF-8" />
<title><?php echo $title; ?></title>
<base href="<?php echo $base; ?>" />
<?php if ($description) { ?>
<meta name="description" content="<?php echo $description; ?>" />
<?php } ?>
<?php if ($keywords) { ?>
<meta name="keywords" content="<?php echo $keywords; ?>" />
<?php } ?>
<?php if ($icon) { ?>
<link href="<?php echo $icon; ?>" rel="icon" />
<?php } ?>
<?php foreach ($links as $link) { ?>
<link href="<?php echo $link['href']; ?>" rel="<?php echo $link['rel']; ?>" />
<?php } ?>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/stylesheet.css" />
<?php foreach ($styles as $style) { ?>
<link rel="<?php echo $style['rel']; ?>" type="text/css" href="<?php echo $style['href']; ?>" media="<?php echo $style['media']; ?>" />
<?php } ?>
<script type="text/javascript" src="catalog/view/javascript/jquery/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="catalog/view/javascript/jquery/ui/jquery-ui-1.8.16.custom.min.js"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/ui/themes/ui-lightness/jquery-ui-1.8.16.custom.css" />
<script type="text/javascript" src="catalog/view/javascript/common.js"></script>
<?php foreach ($scripts as $script) { ?>
<script type="text/javascript" src="<?php echo $script; ?>"></script>
<?php } ?>
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/ie7.css" />
<![endif]-->
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/ie6.css" />
<script type="text/javascript" src="catalog/view/javascript/DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix('#logo img');
</script>
<![endif]-->
<?php if ($stores) { ?>
<script type="text/javascript"><!--
$(document).ready(function() {
<?php foreach ($stores as $store) { ?>
$('body').prepend('<iframe src="<?php echo $store; ?>" style="display: none;"></iframe>');
<?php } ?>
});
//--></script>
<?php } ?>
<?php echo $google_analytics; ?>
</head>
<body>
<div id="container">
<div id="header">
<?php if ($logo) { ?>
<div id="logo"><a href="<?php echo $home; ?>"><img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" /></a></div>
<?php } ?>
....................................................................................
<?php if ($telefon) { ?>
<div id="telefon"><a href="<?php echo $home; ?>"><img src="<?php echo $telefon; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" /></a></div>
<?php } ?>
------------------------------------------------------------------------------------
<?php echo $language; ?>
<?php echo $currency; ?>
<?php echo $cart; ?>
<div id="search">
<div class="button-search"></div>
<input type="text" name="search" placeholder="<?php echo $text_search; ?>" value="<?php echo $search; ?>" />
</div>
<div id="welcome">
<?php if (!$logged) { ?>
<?php echo $text_welcome; ?>
<?php } else { ?>
<?php echo $text_logged; ?>
<?php } ?>
</div>
<div class="links"><a href="<?php echo $home; ?>"><?php echo $text_home; ?></a><a href="<?php echo $wishlist; ?>" id="wishlist-total"><?php echo $text_wishlist; ?></a><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a><a href="<?php echo $shopping_cart; ?>"><?php echo $text_shopping_cart; ?></a><a href="<?php echo $checkout; ?>"><?php echo $text_checkout; ?></a></div>
</div>
<?php if ($categories) { ?>
<div id="menu">
<ul>
<?php foreach ($categories as $category) { ?>
<li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>
<?php if ($category['children']) { ?>
<div>
<?php for ($i = 0; $i < count($category['children']);) { ?>
<ul>
<?php $j = $i + ceil(count($category['children']) / $category['column']); ?>
<?php for (; $i < $j; $i++) { ?>
<?php if (isset($category['children'][$i])) { ?>
<li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>
<?php } ?>
<?php } ?>
</ul>
<?php } ?>
</div>
<?php } ?>
</li>
<?php } ?>
</ul>
</div>
<?php } ?>
<div id="notification"></div>
Code: Select all
#header #telefon {
position: absolute;
top: 25px;
left: 45px;
}Code: Select all
#header {
height: 90px;
margin-bottom: 7px;
padding-bottom: 4px;
position: relative;
z-index: 99;
}
#header #logo {
position: absolute;
top: 25px;
left: 15px;
}
#header #telefon {
position: absolute;
top: 25px;
left: 45px;
}
#language {
position: absolute;
top: 15px;
left: 320px;
width: 80px;
color: #999;
line-height: 17px;Doar ca nu ai variabila telefon in header, asa ca adaugi direct imagine si titlu scris , adica doar:
pui imaginea respectiva telefon.png in folderul image , si apoi il asezi in header unde doresti alterand proprietatile top si left in css, cum l-ai pus tu vine chiar sub logo, deci left sa fie mai mare.
Code: Select all
<div id="telefon"><a href="index.php?route=information/contact"><img src="image/telefon.png" title="Contactati-ne la nr xxxxxx oricand" alt="Contactati-ne la nr xxxxxx oricand" /></a></div>Editeaza modulul welcome in admin, adaugal in coloana stange, in in modul source al ck editor adauga codul pe care il ai de la adsense.
Buna,
Am si eu un site http://nextgeneration9.webnode.ro/ si nu stiu cum pot sa modific in css ca sa maresc marginile din lateral. Dupa cum puteti observa videoclipul de pe margin este taiat. Ma puteti ajuta ?
Am si eu un site http://nextgeneration9.webnode.ro/ si nu stiu cum pot sa modific in css ca sa maresc marginile din lateral. Dupa cum puteti observa videoclipul de pe margin este taiat. Ma puteti ajuta ?
Who is online
Users browsing this forum: No registered users and 48 guests
