Kolumny - przyleganie

wojok1000000

No avatar

2010-02-22 12:59

Zrobiłem tak jak w instrukcji i oto efekt jaki otrzymałem www.wojok1000000.xaa.pl

» Quick.Cms v2.x

brak

wojok1000000

No avatar

2010-02-22 14:06

Tutaj macie kod container.tpl
<!-- BEGIN HEAD -->
<?xml version="1.0" encoding="$config[charset]"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="$config[language]">

<head>
<title>$sTitle - $config[title]</title>
<meta http-equiv="Content-Type" content="text/html; charset=$config[charset]" />
<meta name="Language" content="$config[language]" />
<meta name="Description" content="$sDescription" />
<meta name="Keywords" content="$sKeywords" />
<meta name="Author" content="OpenSolution.org" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />

<script type="text/javascript" src="plugins/swfobject.js"></script>
<script type="text/javascript">
swfobject.embedSWF("templates/swf/top.swf", "flash", "900", "360", "9.0.0", "expressInstall.swf");
</script>

<script type="text/javascript" src="$config[dir_core]common.js"></script>
<script type="text/javascript" src="$config[dir_core]plugins.js"></script>
<script type="text/javascript" src="$config[dir_core]prototype.lite.js"></script>
<script type="text/javascript" src="$config[dir_core]moo.fx.js"></script>
<script type="text/javascript" src="$config[dir_core]litebox-1.0.js"></script>
<script type="text/javascript">
<!--
var cfBorderColor = "#d1bd9d";
var cfLangNoWord = "$lang[cf_no_word]";
var cfLangMail = "$lang[cf_mail]";
var cfWrongValue = "$lang[cf_wrong_value]";
var cfToSmallValue = "$lang[cf_to_small_value]";
var cfTxtToShort = "$lang[cf_txt_to_short]";
var lbImage = "$lang[Image]";
var lbOf = "$lang[of]";
AddOnload( initLightbox );
AddOnload( targetBlank );
//-->

</script>

<!--[if lte IE 6]>
<style type="text/css">
body{text-align:center;}
#menu-top ul li a{width:150px; text-align:center;}
#wrapper{text-align:left;}
#content #news ul li{display:block; margin:5px 0px 15px 20px; width:190px; float:left;}
#content #news-top{background-repeat:no-repeat; background-position:top;}
#content #news-bottom{background-repeat:no-repeat; background-position:bottom;}
#content #news .news-pagez a{display:inline; margin:0px; padding:0px;}
#ie-spc{height:5px;}
#top-frame{display:none;}
</style>
<![endif]-->

<style type="text/css">@import "$config[dir_templates]$config[template]";</style>
<style type="text/css">@import "templates/plugins.css";</style>
$sBanner
<!-- END HEAD -->
<!-- BEGIN BODY -->
</head>
<body>

<div id="wrapper">

<div id="top-slogan">
<a id="logo" href="index.php">
<img src="templates/img/logo.jpg" alt="logo" />
</a>
<h2>&nbsp; $config['slogan']</h2>
</div>


<div id="menu-top">

$sMenu2

<div class="clear"></div>
</div>



<div id="top-loader">
<div id="top-picture">

<div id="top-frame">
</div>

</div>
</div>

<div id="column">

<div id="menu-left">
<div id="menu-left-top">
<span>Menu</span>
</div>

$sMenu4

<div id="menu-left-bottom"></div>
</div>

</div>

<div id="content">
<!-- END BODY -->

<!-- BEGIN ORDER_BODY -->
</head>
<body>

<div id="wrapper">

<div id="top-slogan">
<a id="logo" href="index.php">
<img src="images/logo.png" alt="logo" />
</a>
<h2> - logo oraz ten slogan reklamowy moĹĽesz zmieniÄ&#8225;</h2>
</div>


<div id="menu-top">

$sMenu2

<div class="clear"></div>
</div>



<div id="top-loader">
<div id="top-picture">

<div id="top-frame">
</div>

</div>
</div>

<div id="column">

<div id="menu-left">
<div id="menu-left-top">
<span>Menu</span>
</div>

$sMenu4

<div id="menu-left-bottom"></div>
</div>

</div>

<div id="content">
<!-- END ORDER_BODY -->

<!-- BEGIN FOOT -->

</div>

</div>

<div class="clear"></div>
<div id="footer-bg">
<div id="footer">
<span>$config[foot_info] | $sMenu3 <a href="http://medial.pl" title="strony internetowe Ĺ&#8250;lÄ&#8230;sk">medial.pl</a> | <a href="http://opensolution.org" title="powered by Quick.Cart">Q.C</a></span>
</div>
</div>

</body>
</html>
<!-- END FOOT -->

<!-- BEGIN SEARCH_FORM -->
<form method="post" action="$sLinkSearch" id="searchForm">
<fieldset>
<span><label for="$lang[search]">$lang[search]</label><input type="text" size="20" name="sPhrase" id="$lang[search]" value="$sPhrase" class="input" maxlength="100" /></span>
<em><input type="submit" value="$lang[search] &raquo;" class="submit" /></em>
</fieldset>
</form>
<!-- END SEARCH_FORM -->





A tu kod default.css

*{margin:0px; padding:0px;}
body{background:url(img/sides.png) repeat-x top; font-family:Arial, Verdana, Sans-Serif;}
.clear{clear:both;}

/* colors 4 change */

#news a{color:#ffffff; background-color:#423d2c;}
#news a:hover, #news a:focus{color:#ffffff; background-color:#272211;}

#articles .subpagesList li .more{color:#ffffff; background-color:#423d2c;}
#articles .subpagesList li .more:hover, #articles .subpagesList li .more:focus{color:#ffffff; background-color:#272211;}

#menu-left ul li a:hover, #left-menu ul li a:focus{background:#272211; overflow:hidden;}

/* colors 4 change */

/* colors start */

body{background-color:#ffffff;}

#news h3{color:#232323;}
#news p{color:#232323;}

#news .news-pagez{color:#444444;}
#news .news-pagez a{color:#444444; background:transparent; text-decoration:underline; padding:0px;}
#news .news-pagez a:hover, #news .news-pagez a:focus{display:inline; color:#ffffff; background:#444444;}

#menu-top ul li a{color:#ffffff;}
#menu-left ul li a{color:#ffffff;}
#menu-left ul li a span{color:#ffffff;}

#articles h2{color:#232323;}
#articles img{border:2px solid #7f7f7f;}
#articles p{color:#232323;}
#articles ul li, #articles ol li{color:#232323;}
#articles a{color:#9b0000;}
#articles a:hover,#articles a:focus{color:#ffffff; background-color:#9b0000;}

#articles h4 a{color:#232323;}
#articles h4 a:hover,#articles h4 a:focus{color:#ffffff; background-color:#232323;}

#articles .imagesList li a{border:2px solid #7f7f7f;}
#articles .imagesList li a:hover,#articles .imgList li a:focus{border:2px solid #232323;}

#articles .listphoto a{border:2px solid #7f7f7f;}
#articles .listphoto a:hover,#articles .listphoto a:focus{border:2px solid #232323;}

#footer span{color:#bbbbbb;}
#footer span strong{color:#939393;}
#footer a{color:#939393;}

#articles .c-form fieldset{border:1px dashed #232323;}
#articles .c-form legend{border:1px dashed #232323; background:#ececec;}
#articles .c-form textarea{border:1px solid #7f7f7f;}
#articles .c-form textarea:focus{background:#fffed2;}
#articles .c-form .c-text{border:1px solid #7f7f7f;}
#articles .c-form .c-text:focus{background:#fffed2;}

#gmap iframe{border:1px dashed #400d0d;}

/* colors end */

#wrapper{width:900px; margin:0 auto;}


#top-slogan{height:50px; margin:25px 0px 25px 0px; overflow:hidden;}
#top-slogan h2{font-size:14px; line-height:50px;}
#logo{display:block; float:left; border:0px;}
#logo img{border:0px;}

#menu-top{width:900px; height:50px; background:#1c6285 url(img/menu_top_bg.png) no-repeat 0px 0px;}

#menu-top ul{list-style-type:none; margin:0px 0px 0px 10px;}
#menu-top ul li{display:block; float:left;}
#menu-top ul li a{font-size:12px; text-decoration:none;}
#menu-top ul li a{display:block; height:50px; padding:0px 10px 0px 10px; background:url(img/menu_top_hover.png) repeat-x 0px 0px;}
#menu-top ul li a.selected{background:url(img/menu_top_hover.png) repeat-x 0px -50px;}
#menu-top ul li a:hover, #top-menu ul li a:focus{background:url(img/menu_top_hover.png) repeat-x 0px -50px;}
#menu-top ul li a span{line-height:50px;}

#top-loader{margin:10px 0px 10px 0px; width:900px; height:300px; background:transparent url(img/loader.gif) no-repeat center center;}
#top-picture{width:900px; height:300px; background:transparent url(img/top.jpg) no-repeat 50% 50%;}
#top-frame{width:900px; height:300px; background:transparent url(img/top_corners.png) no-repeat;}

#column{float:left; width:200px;}
#content{float:right; width:665px;}

#menu-left-top{width:225px; height:50px; background:url(img/menu_left_top.png) no-repeat 0px 0px;}
#menu-left-top span{color:#ffffff; line-height:50px; font-weight:bold; padding:0px 0px 0px 10px;}
#menu-left-bottom{width:225px; height:15px; background:url(img/menu_left_bottom.png) no-repeat 0px 0px;}

#menu-left ul{list-style-type:none;}
#menu-left ul li a{font-size:12px; text-decoration:none;}
#menu-left ul li a{display:block; width:225px; background:url(img/menu_left_bg.png); overflow:hidden;}
#menu-left ul li a:hover, #left-menu ul li a:focus{}
#menu-left ul li a.selected{background:url(img/menu_left_hover.png); overflow:hidden;}
#menu-left ul li a span{line-height:30px; padding:0px 5px 0px 10px;}

#menu-left ul li ul li a span{padding:0px 5px 0px 25px;}

#news{background:url(img/news_bg.png);}
#news-top{width:665px; height:10px; background:url(img/news_top.png);}
#news-bottom{width:665px; height:10px; background:url(img/news_bottom.png);}

#news ul{list-style-type:none;}
#news ul li{display:block; margin:5px 0px 15px 32px; width:180px; float:left;}
#news h3{display:block; height:14px; margin:0px 0px 10px 0px; font-size:12px; font-weight:bold; overflow:hidden;}
#news .cbox{margin:0px 0px 10px 0px; height:65px; overflow:hidden;}
#news p{font-size:12px; line-height:16px; text-align:justify;}
#news a{font-size:12px; text-decoration:none; padding:3px;}
#news a:hover, #news a:focus{text-decoration:none;}

#news .news-pagez{padding:0px 30px 0px 0px; font-size:10px; text-align:right;}
#news .news-pagez a{font-size:10px; display:inline; text-decoration:underline;}
#news .news-pagez a:hover, #news .news-pagez a:focus{display:inline;}


#articles{margin:15px 0px 15px 0px;}
#articles h2{font-size:18px; font-weight:normal;}
#articles img{float:left; margin:10px;}
#articles p{margin:10px 0px 10px 0px; font-size:12px; text-align:justify;}

#footer-bg{margin:15px 0px 0px 0px; width:100%; height:150px; background:url(img/foot_bg.png) repeat-x;}
#footer{width:900px; margin:0 auto; padding:40px 0px 0px 0px;}
#footer span{font-size:10px;}
#footer span strong{font-weight:normal;}

#articles{margin:15px 0px 15px 0px;}
#articles h2{font-size:18px; font-weight:normal;}
#articles img{margin:10px;}
#articles p{margin:10px 0px 10px 0px; font-size:12px; text-align:justify;}
#articles ul, #articles ol{margin:25px;}
#articles ul li, #articles ol li{font-size:12px;}
#articles a{text-decoration:underline;}
#articles a:hover,#articles a:focus{text-decoration:underline;}

#articles .imagesList{margin:0px; list-style-type:none;}
#articles .imagesList li{display:block; float:left; margin:5px 10px 10px 0px;}
#articles .imagesList li a{display:block; width:100px; height:100px; background-position:50% top; overflow:hidden;}
#articles .imagesList li a:hover,#articles .imgList li a:focus{}
#articles .imagesList li a img{display:none;}

#articles .prodpages{display:block; font-size:10px; margin:10px 0px 10px 0px;}

#articles .subpagesList{list-style-type:none; margin:0px;}
#articles .subpagesList li{margin:5px 0px 15px 0px;}
#articles .subpagesList li h4{margin:0px;}
#articles .subpagesList li p{margin:5px 0px 5px 0px;}

#articles .subpagesList li .more{display:block; padding:5px; float:right; font-size:12px; text-decoration:none;}
#articles .subpagesList li .more span{text-align:center;}

#articles #filesList{list-style-type:none; margin:5px 0px 5px 0px;}
#articles #filesList img{border:0px; margin:0px 10px 0px 0px;}
#articles #filesList li{margin:10px 0px 10px 0px;}

#articles .listphoto{float:left; margin:10px 10px 0px 0px;}
#articles .listphoto a{display:block; width:100px; height:100px; background-position:50% top; overflow:hidden;}
#articles .listphoto a:hover,#articles .listphoto a:focus{}
#articles .listphoto a img{display:none;}

#articles .c-form{margin:10px 0px 0px 0px;}
#articles .c-form fieldset{padding:10px;}
#articles .c-form legend{padding:5px; font-size:12px;}
#articles .c-form textarea{padding:5px; width:600px; height:100px; font-size:12px; font-family:Arial, Verdana, Sans-Serif;}
#articles .c-form textarea:focus{}
#articles .c-form label{display:block; width:350px; margin:10px 0px 10px 0px; font-size:12px;}
#articles .c-form .c-text{float:right; width:200px; padding:5px; font-size:12px; font-family:Arial, Verdana, Sans-Serif;}
#articles .c-form .c-text:focus{}
#articles .c-form .c-submit{float:right; padding:5px; font-size:12px; font-family:Arial, Verdana, Sans-Serif;}
#articles .c-form .c-hidden{clear:both;}

#gmap{margin:25px 0px 0px 0px;}
#gmap iframe{margin:10px 0px 0px 0px;}

brak

Makaron

Avatar: Makaron

2010-02-22 15:11

Chcesz się pochwalić czy czemu ma służyć ten topic? ;)

www.mak-web.pl - modyfikacje QC i QCMS

wojok1000000

No avatar

2010-02-22 15:22

Nie. Tylko próbuję zrobić prawą kolumnę i nic nie wychodzi. W oryginalnym( niemodyfikowanym)CMS'ie wszystko super wygląda

brak

wojok1000000

No avatar

2010-02-22 16:06

Wszystko już mi wyszło :)

brak

Do góry
o nas | kontakt