72sks.ru -вот мой сайт, скажи как мне добавить блоки , как это сделано ТУТВидите по центру каталог, а по бокам блоки, вот как их сделать? Прошу помочь! Видите текст выходит за рамки шаблона, а я никак не могу это исправить! Взамен за помощь, отдам gold доступ на depositfiles.com Вот файл проекта Для создания использую TurboSite Использую шаблон Azul! Стучите в icq 416195662. Содержание файла style.css[Он и определяет ширину,шрифт и прочее сайта] Скажите | Скрытый текст |
| Код | /*
Theme Name: Azul
Theme URI: http://www.switchroyale.com/?page_id=21
Description: Azul is a clean and modern theme with a techy/corporate feel. This theme is meant to be easy to edit and modify. Now includes 1 level deep subnavigation in the navigation menu. Just assign a parent page to any page on your blog for an instant submenu (submenu not compatible with IE6). The Azul Photoshop template is also available for free at www.switchroyale.com. Free to use for whatever you want.
Version: 1.51
Author: Switchroyale
Author URI: http://www.switchroyale.com
Tags: blue, white, silver, light, two-columns, fixed-width, right-sidebar
*/
body {
background: url(images/bodybg.jpg) #999999;
background-repeat: repeat-x;
margin: 0;
padding: 0;
font-family: 'Trebuchet MS', sans-serif;
font-size: 14px;
line-height: 1.5em;
color: #666666;
text-align: justify;
z-index: 0;
}
#container {
width: 960px;
margin: 0 auto;
background: url(images/containerbg.jpg) #ffffff;
background-repeat: repeat-y;
}
#header {
height: 110px;
padding: 40px 50px 0 50px;
background: url(images/headerbg.jpg);
background-repeat: no-repeat;
font-size: 10px;
position: relative;
}
#header h1 {
margin: 0;
font-size: 20px;
}
#header a {
text-decoration: none;
color: #666666;
}
#header a:hover {
color: #333333;
}
#header #search {
position: absolute;
top: 40px;
right: 50px;
height: 20px;
}
#header #s {
background: #ffffff;
border: 1px solid #cccccc;
color: #666666;
width: 205px;
margin: 0;
font-size: 12px;
color: #999999;
padding: 2px;
}
#navbar {
margin: 0 0 20px 0;
background: url(images/navbarbg.jpg);
background-repeat: no-repeat;
height: 40px;
}
#navbar ul {
margin: 0 0 0 30px;
padding: 0;
border-left: 1px solid #cccccc;
}
#navbar li {
display: block;
float: left;
}
#navbar a {
display: block;
float: left;
height: 30px;
padding: 0 30px 0 20px;
text-transform: uppercase;
font-size: 11px;
color: #999999;
text-decoration: none;
line-height: 30px;
background: url(images/navbuttonbg.gif);
background-position: right 50%;
}
#navbar a:hover, #navbar .current_page_item a {
color: #666666;
background: url(images/navbuttonbg-hover.gif);
background-position: right 50%;
}
#navbar ul li ul {
z-index: 100;
margin: 0;
border: 1px solid #cccccc;
width: 200px;
clear: both;
position: absolute;
top: 180px;
left: -999px;
}
#navbar ul li:hover ul, #navbar ul li.sfhover ul {
left: auto;
}
#navbar ul li ul li {
width: 200px;
}
#navbar ul li.current_page_item ul li a, #navbar ul li ul li.current_page_item a {
background: url(images/subnav1bg.png);
}
#navbar ul li ul li a {
background: url(images/subnav1bg.png);
padding: 0 0 0 5px;
float: none;
}
#navbar ul li ul li a:hover {
background: none #cccccc;
}
#posts {
width: 600px;
padding: 0 0 0 50px;
margin: 0 0 20px 0;
float: left;
}
.commentbubble a {
float: left;
background: url(images/commentbubble.gif);
background-repeat: no-repeat;
background-position: 0 -1px;
width: 30px;
height: 30px;
text-align: center;
font-size: 10px;
margin: 0 5px 0 0;
}
.commentbubble a:hover {
float: left;
background: url(images/commentbubblehover.gif);
background-repeat: no-repeat;
background-position: 0 -1px;
width: 30px;
height: 30px;
text-align: center;
font-size: 10px;
margin: 0 5px 0 0;
}
.date {
font-size: 12px;
color: #999999;
line-height: 1.5em;
}
.post {
margin: 0 0 50px 0;
}
.tags {
font-size: 10px;
line-height: 1.5em;
color: #999999;
}
.entry {
margin: 20px 0 0 0;
}
.entry p {
margin: 0 0 20px 0;
}
.entry hr {
height: 1px;
border: none;
background: #cccccc;
}
.post h2 {
font-size: 16px;
font-weight: bold;
margin: 0 0 5px 0;
border-bottom: 1px solid #cccccc;
}
.post h3 {
font-size: 14px;
font-weight: bold;
padding: 10px 0;
}
.post a, .navigation a {
color: #0195c5;
text-decoration: none;
}
.post a:hover, .navigation a:hover {
color: #333333;
}
.post a img {
border: none;
}
.post blockquote {
background: url(images/blockquotebg.gif) no-repeat left top;
color: #777777;
font-style: italic;
padding: 10px 5px 5px 36px;
}
.postmetadata {
font-size: 10px;
line-height: 1.5em;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.aligncenter {
display: block;
margin: 0 auto 20px auto;
}
.alignnone {
margin: 0;
}
.wp-caption.alignleft {
float: left;
margin: 5px 20px 20px 0px;
}
.wp-caption.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.wp-caption.aligncenter {
display: block;
margin: 0 auto 20px auto;
}
.wp-caption.alignnone {
margin: 20px 0;
}
.post .wp-caption {
border: 1px solid #cccccc;
background: #ebebeb;
text-align: center;
padding: 10px 5px 0 5px;
}
.post .wp-caption-text {
margin: 0;
font-size: 12px;
}
#commentform #author, #commentform #email, #commentform #url, #commentform #comment {
background: #ffffff;
border: 1px solid #cccccc;
color: #666666;
margin: 0 0 10px 0;
padding: 5px;
}
.commentlist {
list-style-type: none;
margin: 0;
padding: 0;
}
.commentlist li {
background: #ebebeb;
padding: 20px 20px 0 20px;
border: 1px solid #cccccc;
margin: 0 0 20px 0;
}
.commentlist p {
clear: both;
margin: 0 0 20px 0;
}
.avatarcontainer {
float: left;
margin: 0 5px 10px 0;
}
.avatar {
border: 1px solid #cccccc;
}
.sidebar {
margin-left: 700px;
width: 210px;
position: relative;
top: -30px;
font-size: 11px;
}
.sidebar ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.sidebar h2 {
margin: 0 0 5px 0;
padding: 30px 0 0 0;
font-size: 16px;
color: #666666;
width: 210px;
border-bottom: 1px solid #cccccc;
}
.sidebar a {
display: block;
color: #0195c5;
text-decoration: none;
padding: 0 10px 0 10px;
border-bottom: 1px dotted #cccccc;
}
.sidebar a:hover {
color: #333333;
background: #ebebeb;
}
.sidebar ul li ul li {
_height: 20px; /*IE 6 Hack, the sidebar links won't display properly without this*/
}
.sidebar ul li ul li ul li a {
font-size: 10px;
padding: 0 10px 0 20px;
}
#footer {
clear: both;
height: 150px;
background: url(images/footerbg.jpg);
background-repeat: no-repeat;
}
#footer p {
text-align: center;
font-size: 12px;
position: relative;
top: 40px;
}
#footer a {
color: #666666;
text-decoration: none;
}
#footer a:hover {
color: #333333;
}
#wp-calendar {
width: 210px;
background: #ebebeb;
border: 1px solid #cccccc;
margin: 0;
font-size: 12px;
text-align: center;
}
#wp-calendar caption {
text-align: left;
}
#wp-calendar #today {
background: #cccccc;
}
#wp-calendar a {
display: block;
width: 100%;
height: 100%;
border: none;
padding: 0;
}
#wp-calendar a:hover {
background: #cccccc;
}
/* Comments-box */
.comments-box {
clear: both;
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
}
.comments-box .comment {
clear: both;
margin-top: 20px;
margin-bottom: 10px;
}
.comment .avatar {
float: left;
width: 80px;
height: 80px;
margin-right: 7px;
margin-bottom: 5px;
margin-top: 5px;
}
.comment .avatar img {
width: 80px;
height: 80px;
}
.comment .title {
margin-bottom: 5px;
}
.comment .title .author {
font-weight: bold;
font-size: 150%;
}
.comments-box form input {
margin-top: 5px;
margin-bottom: 5px;
width: 200px;
}
.comments-box form textarea {
margin-top: 5px;
margin-bottom: 10px;
width: 100%;
height: 150px;
}
.comments-box img#captcha {
margin-top: 5px;
}
.comments-box input#captcha_code {
width: 90px;
}
.comments-box input#submit {
width: 100px;
height: 22px;
}
/* contact-form */
.contact-form {
clear: both;
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
}
.contact-form form input {
margin-top: 5px;
margin-bottom: 5px;
width: 200px;
}
.contact-form form textarea {
margin-top: 5px;
margin-bottom: 10px;
width: 100%;
height: 150px;
}
.contact-form img#captcha2 {
margin-top: 5px;
}
.contact-form input#captcha_code2 {
width: 90px;
}
.contact-form input#submit2 {
width: 100px;
height: 22px;
}
.comments-box h2, .contact-form h2 {
clear: both;
}
|
|
 Я прикрепил проект сайта!Он содержит все html странички моего сайта, короче это он и есть по сути ;) СкачатьДобавлено через 2 минуты и 24 секунды72sks.ru - видите шаблон недостаточно широкий!? Где это параметр в style.css? Прошу помогите исправить сайт! |
Помощь в настройке шаблона сайта, style.css как изменить параметры? 
Загрузка ...
