![]() |
| Быстрый переход |
|
|||||||
| Графический дизайн Программы для обработки графики, современные графические интерфейсы сайтов и другие сообщения, касающиеся визуального искусства, шрифты, анимация. |
![]() |
|
|
Опции темы |
|
|
|
![]() |
|
|
#1 | |||
|
Реноме:
175
|
Ошибка в логотипе
Здравствуйте люди! Я не дизайнер и уже замучился исправлять отступы, помогите пожалуйста. Надо, чтобы все ровно было, можно шрифт немного поменьше. Код из файла grid.css
/* Blocks -------------------- */ #container { margin:0 auto; width:1006px; min-height:100%; position:relative } #header { height: 192px; margin-left:5px; overflow: hidden; zoom: 1 } #wrapper { overflow: hidden; zoom: 1; margin-top:30px } #content { width: 730px; float: left; overflow:hidden; padding-left:26px; } #sidebar { width: 230px; float: right; } #footer { overflow: hidden; zoom: 1; height:164px; margin-top:-164px; background:#f1f1f1; position:relative; } /* Header -------------------- */ #header .top-header { height:47px; overflow:hidden; margin-bottom:5px; } #header .top-header .pages { float:left } #header .top-header .pages li { float:left; font-size:14px; line-height:47px; padding:0px 5px 0px 12px } #header .top-header .pages li.active a { color:#f70000 } #header .top-header .pages li a { color:#525252 } #header .top-header .pages li a:hover { color:#fc0000 } /* Profile */ #header .top-header .profile { float:right; height:47px } #header .top-header .profile li { float:left; text-transform: uppercase; height:47px; line-height:47px; } #header .top-header .profile li.add { margin-top:9px } #header .top-header .profile li.add a { display:block; padding:0px 13px 0px 13px; line-height:29px; text-decoration:none } #header .top-header .profile li.add span { background:url(../images/add-icon.png) no-repeat 0px 6px; height:23px; display:block; padding-left:22px } #header .top-header .profile li.message { padding:19px 22px 0px 15px; margin-left:8px; border-right:1px solid #f6f6f6; position:relative } #header .top-header .profile li.message a { width:16px; height:11px; background:url(../images/message-icon.jpg) no-repeat; display:block } #header .top-header .profile li.message .new { width:16px; height:16px; background:url(../images/new-message-icon.png) no-repeat; text-align:center; line-height:15px; color:#fff; font-size:10px; position:absolute; top:8px; left:5px; display:block } #header .top-header .profile li.myprofile { padding:6px 2px 0px 11px; border-left:1px solid #e4e4e4 } #header .top-header .profile li.myprofile a { background:#fff; display:block; height:30px; padding:3px } #header .top-header .profile li.myprofile a .avatar { width:30px; height:30px; float:left } #signin_menu { box-shadow:0px 10px 30px #e9e9e9; border:1px transparent; display:none; background:#fff; position:absolute; width:104px; z-index:100; text-align:left; padding:12px 12px 4px 12px; top: 42px; right: 2px; margin-right: 0px; *margin-right: -1px } #signin_menu li { font-size:12px; padding-bottom:5px } #signin_menu li.settings { border-top:1px solid #f0f0f0; padding-top:6px } #signin_menu li a { color:#000; text-decoration:none } #signin_menu li a:hover { color:#f70000; } #header .top-header .profile-guest { float:right; height:29px; margin-top:9px; background:#fff; border:1px solid #e3e3e3; border-bottom:1px solid #c4c3c4; border-right:1px solid #d0d0d0 } #header .top-header .profile-guest li { float:left; text-transform: uppercase; height:28px; line-height:29px; border-bottom:1px solid #f70000 } #header .top-header .profile-guest li.border { width:1px; background:#dadada } #header .top-header .profile-guest li a { margin-right:14px; padding-left:19px; } #header .top-header .profile-guest li a.voiti { background:url(../images/strelka1.png) no-repeat right; padding-right:14px } #header .top-header .profile-guest li a.reg { background:url(../images/strelka2.png) no-repeat right; padding-right:17px } #header .btm-header a.logo { background:#f70000; color:#fff; float:left; width:135px; padding-top:15px; padding-left:15px; height:100px; display:block; text-decoration: none; } #header .btm-header a.logo li { font-size:12px; font-family:Tahoma; padding-bottom:5px } #header .btm-header a.logo li.title { font-size:30px; font-weight:bold; line-height:26px; } #header .btm-header .left-menu { float:left; margin-left:42px } /* top-menu */ #header .btm-header .left-menu .top-menu { height:60px; width:771px; border-bottom:1px solid #e4e4e4; overflow:hidden } #header .btm-header .left-menu .top-menu .navigate { float:left } #header .btm-header .left-menu .top-menu .navigate li { float:left; padding:17px 36px 0px 19px; font-size:16px } #header .btm-header .left-menu .top-menu .navigate li.last { padding-right:0px } #header .btm-header .left-menu .top-menu .navigate li.active a { color:#f70000; } /* Social Buttons */ #header .btm-header .left-menu .top-menu .social-buttons { float:right; width:230px; height:60px; background:url(../images/borders-social.png) no-repeat } #header .btm-header .left-menu .top-menu .social-buttons ul { padding:16px 0px 0px 60px } #header .btm-header .left-menu .top-menu .social-buttons ul li { float:left; padding-right:18px; } #header .btm-header .left-menu .top-menu .social-buttons ul li a { width:16px; height:17px; background:url(../images/social-buttons.png) no-repeat; display:block } #header .btm-header .left-menu .top-menu .social-buttons ul li a.fb { background-position:0px 0px } #header .btm-header .left-menu .top-menu .social-buttons ul li a.tw { background-position:0px -17px } #header .btm-header .left-menu .top-menu .social-buttons ul li a.vk { background-position:0px -34px } #header .btm-header .left-menu .top-menu .social-buttons ul li a.rss { background-position:0px -51px } /* btm-menu */ #header .btm-header .left-menu .btm-menu { margin-top:26px; } #header .btm-header .left-menu .btm-menu .top-authors { float:left; } #header .btm-header .left-menu .btm-menu .top-authors li { float:left; padding:1px 10px 0px 0px } #header .btm-header .left-menu .btm-menu .top-authors li img { width:30px; height:30px } #header .btm-header .left-menu .btm-menu .top-authors li.title { padding:0px 34px 0px 0px; line-height:15px } #header .btm-header .left-menu .btm-menu .top-authors li.title span { color:#6e6e6e; font-style:Italic; font-family: Georgia } /* Search */ #header .btm-header .left-menu .btm-menu .search { width:230px; float:right; margin-top:3px } #header .btm-header .left-menu .btm-menu .search form { height:26px; border:1px solid #e4e4e4 } #header .btm-header .left-menu .btm-menu .search input { margin:0px; border:0px; width:188px; padding:7px 3px 0px 8px; font-size:11px; color:#949494 } #header .btm-header .left-menu .btm-menu .search .search-submit { margin-left:0px; border:0px; float:right; cursor ointer; background:url(../images/search-btn.png) no-repeat; width:26px; height:26px }/* Slider */ .slider-nav { margin-bottom:22px; overflow:hidde } .slider-nav .title-best { font-size:22px; font-weight:bold; margin:0px 13px 0px 0px; float:left } .slider-nav .switch { overflow:hidden; width:200px; } .slider-nav .switch li { float:left; margin-top:13px; margin-right:2px } .slider-nav .switch li a { width:8px; height:8px; display:block; background:url(../images/switch-circle.png) no-repeat } .slider-nav .switch li a:hover { background-position:-8px 0px } .slider-nav .switch li a.active { background-position:-8px 0px } .slider-nav .switch li.arrowleft { margin:11px 7px 0px 0px } .slider-nav .switch li.arrowleft a { width:9px; height:12px; background:url(../images/switch-arrow.png) no-repeat; display:block } .slider-nav .switch li.arrowleft a:hover { background-position:-18px 0px } .slider-nav .switch li.arrowright { margin:11px 0px 0px 4px } .slider-nav .switch li.arrowright a { width:9px; height:12px; background:url(../images/switch-arrow.png) no-repeat -9px 0px; display:block } .slider-nav .switch li.arrowright a:hover { background-position:-27px 0px } #slider { height: 300px;width: 729px;overflow: hidden; clear:both } #slider-hidden { height: 300px; width: 6000px; margin-left: 0; margin-right:-11px } .topic-slider_area { height: 330px; width: 356px; display: inline-block;} .topic-slider { height: 300px; width: 356px; margin-right:13px; display: inline-block; } .topic-slider .topicshort.news { width:332px; height:249px; margin-right:14px } .topic-slider .topicshort.news .inform { height:209px; overflow:hidden } /* Navigation */ .navigation { padding-bottom:20px; overflow:hidden; } .navigation h2 { float:left; margin-right:16px; font-weight:bold; font-size:22px } .navigation ul { margin-top:6px } .navigation ul li { display:inline-block; *display:inline; font-size:11px; padding:1px 6px; text-transform: lowercase } .navigation ul li a { color:#6e6e6e; border-bottom:1px dashed } .navigation ul li a:hover { color:#000 } .navigation ul li.active { background:#f70000 } .navigation ul li.active a { color:#fff; border-bottom:0px } /* Misc blocks -------------------- */ /* Blog profile */ .blog { margin-right:21px; margin-bottom: 20px; color: #666; position: relative; } .blog .voting { position: absolute; top: 0px; right: 0px; z-index: 100; } .blog .voting .total { font-weight: normal; font-size:30px; color:#000; margin-top:5px; height:20px } .blog .voting .text { font-size: 10px; color: #aaa; text-align: center; clear: both; } .blog .voting.positive .total { color:#339900 } .blog .voting.negative .total { color:#f70000 } .blog .voting .plus, .blog .voting .minus { display:block; width: 18px; height: 18px; float: left; background: url(../images/voting-comments.png) no-repeat; outline: none; margin-top:2px } .blog .voting .plus { background-position: -18px 0; } .blog .voting .minus { background-position: 0 0 } .blog .voting .plus:hover { background-position: -18px -17px } .blog .voting .minus:hover { background-position: 0px -17px } .blog .voting.voted.plus .plus { background-position: -18px -17px !important } .blog .voting.voted.minus .minus { background-position: 0px -17px } .blog .voting.voted.plus .minus:hover { background-position: 0 0 } .blog .voting.voted.minus .plus:hover { background-position: 0 0 } .blog .voting.guest .plus:hover { background-position: -18px 0; } .blog .voting.guest .minus:hover { background-position: 0 0 } .blog .blog-header { overflow: hidden; zoom: 1; position: relative; padding: 0 100px 0 30px; } .blog .blog-header img { position: absolute; top: 0; left: 0; } .blog .blog-header .rss { float:left; overflow:hidden; margin-left:4px; margin-top:-2px } .blog .blog-header .rss a { display: block; width: 10px; height: 10px; background: url(../images/icons.gif) no-repeat -70px -250px; margin-right: 4px; margin-top: 4px; } .blog .blog-header h2 { font-size: 24px; line-height: 1.3em; float:left; margin-top: -4px; margin-left:5px } .blog .blog-header h2 a { text-decoration: none; border-bottom: 1px dashed } .blog .blog-header h2.inactive a { color: #999; border-color: #999; } .blog .actions { margin-left:35px; margin-bottom: 10px; clear:both } .blog .actions a:hover { text-decoration:none } .blog .actions .blog-edit { margin-left:0px } .blog .blog-info { display: none; background: #F4F4F6; padding: 25px 30px; margin-top:20px; border-radius: 10px; } .blog .blog-info h3 { font-size: 22px; color: #555; font-family: Verdana, sans-serif; } .blog .blog-info p { border-bottom: 1px solid #DADADA; padding-bottom: 15px; margin-bottom: 0; } .blog .blog-info .user { margin-right: 5px; } .blog .blog-wrapper { overflow: hidden; zoom: 1; margin-bottom: 40px; border-top: 1px solid #fff; padding: 20px 0 0; } .blog .blog-wrapper .blog-admins { float: left; width: 50%; } .blog .blog-wrapper .blog-mods { float: left; width: 50%; } .blog .blog-wrapper .user-list li { float: left; width: 60px;text-align: center; overflow: hidden; } .blog .blog-wrapper .user-list li img { display: block; margin: 0 auto 2px; } .blog-list-table { } .blog-list-table tbody { color: #999; } .blog-list-table td .avatar { float: left; position: relative; top: 2px; } .blog-list-table td .title { font-size: 18px; line-height: 22px; } .blog-list-table td .user { font-weight: bold; color: #999; background: url(../images/icons.gif) 0 -108px no-repeat; } .blog-list-table td .private { position: relative; top: 2px; } .blog-list-table td p { margin-bottom: 0; color: #999; } /* User profile */ .user-profile { margin-bottom: 14px; border-bottom:1px solid #e4e4e4; overflow: hidden; zoom: 1; position: relative; } .user-profile .avatar { float: left; margin-right: 15px; } .user-profile h2 { font-size:22px; font-weight:bold; line-height:1em; border-bottom:0px } .user-profile .last { margin-top:-10px } .user-profile .last span { color:#9d9d9d; font-style:italic; font-family:Georgia } .user-profile .voting { float:right; margin-left:30px } .user-profile .voting .total { font-weight: normal; font-size:30px; height:20px; margin-top:5px; color:#000 } .user-profile .voting .text { font-size: 11px; color: #9d9d9d; text-align: center; clear: both; } .user-profile .voting.positive .total { color:#339900 } .user-profile .voting.negative .total { color:#f70000 } .user-profile .voting .plus, .user-profile .voting .minus { display:block; width: 18px; height: 18px; float: left; background: url(../images/voting-comments.png) no-repeat; outline: none; margin-top:2px } .user-profile .voting .plus { background-position: -18px 0; } .user-profile .voting .minus { background-position: 0 0 } .user-profile .voting .plus:hover { background-position: -18px -17px } .user-profile .voting .minus:hover { background-position: 0px -17px } .user-profile .voting.voted.plus .plus { background-position: -18px -17px !important } .user-profile .voting.voted.minus .minus { background-position: 0px -17px } .user-profile .voting.voted.plus .minus:hover { background-position: 0 0 } .user-profile .voting.voted.minus .plus:hover { background-position: -18px 0 } .user-profile .voting.guest .plus:hover { background-position: -18px 0; } .user-profile .voting.guest .minus:hover { background-position: 0 0 } .user-profile .strength { float: right; } .user-profile .strength .total { font-weight: normal; font-size:30px; height:20px; margin-top:5px; color:#000 } .user-profile .strength .text { font-size: 11px; color: #9d9d9d; text-align: center; } .user-profile-content { clear:both; overflow:hidden } .user-profile-content .foto-profile { float:left; width:230px; margin-right:20px } .user-profile-content .foto-profile img { border-radius:4px; width:230px } .user-profile-content .foto-profile .friend { width:206px; height:46px; padding:24px 0px 0px 24px; margin-top:-10px; background:url(../images/friend-bg.png) no-repeat } .user-profile-content .foto-profile .friend .add-friend { width:178px; height:30px; background:url(../images/friend-button.png) no-repeat; display:block } .user-profile-content .foto-profile .friend .add-friend:hover { background-position:0 -30px } .user-profile-content .foto-profile .friend .delete-friend { width:178px; height:30px; background:url(../images/friend-button.png) no-repeat 0px -60px; display:block } .user-profile-content .foto-profile .friend .delete-friend:hover { background-position:0 -90px } .user-profile-content .foto-profile .friend .send-friend { width:178px; height:30px; background:url(../images/friend-button2.png) no-repeat; display:block } .user-profile-content .foto-profile .friend .reject-friend { width:178px; height:30px; background:url(../images/friend-button2.png) no-repeat 0px -30px; display:block } .user-profile-content .about-profile { float:left; position:relative; width:474px } .user-profile-content .about-profile h2 { margin-left:2px; font-size:22px; color:#232323; font-weight:bold; margin-bottom:0px; padding-bottom:0px } .user-profile-content .about-profile .where { margin-top:2px; margin-bottom:15px; background:url(../images/where-icon.png) no-repeat 0px 2px; color:#888; padding-left:20px } .user-profile-content .about-profile .where a { color:#888 } .user-profile-content .about-profile .where a:hover { color:#f70000 } .user-profile-content .about-profile .send-message { position:absolute; top:0px; right:0px } .user-profile-content .about-profile .list-about li { color:#232323; padding-bottom:5px } .user-profile-content .about-profile .list-about li span { width:132px; float:left; display:block; color:#9d9d9d } .user-profile-content .about-profile .list-about li b { display:table; font-weight:normal } .user-profile-content .about-profile .list-about li a { color:#f70000; text-decoration:underline } .user-profile-content .about-profile .list-about li a:hover { color:#888; text-decoration:underline } .user-profile-content .about-profile .list-about li.about { line-height:24px; padding-top:15px } .user-profile-content .about-profile .list-about li.social-profile { padding-top:9px } .user-profile-content .about-profile .list-about li.social-profile a { width:24px; height:24px; display:inline-block; *display:inline; margin-right:15px; background:url(../images/social-profile.png) no-repeat; text-decoration:none } .user-profile-content .about-profile .list-about li.social-profile a.fb { background-position:0px 0px } .user-profile-content .about-profile .list-about li.social-profile a.tw { background-position:0px -24px } .user-profile-content .about-profile .list-about li.social-profile a.vk { background-position:0px -48px } .user-profile-content .about-profile .list-about li.social-profile a.icq { background: url("../images/icons-contacts.gif") no-repeat scroll 0 2px transparent; } .user-profile-topics .zagolovok { margin-bottom:20px; background: url(../images/grey-line.png) repeat-x 0px 9px; height:29px; clear: both; color: #B9B9B9;} .user-profile-topics .zagolovok h2 { font-weight:bold; font-size:22px; background: #fff; float: left; margin: -6px 0 0 -2px; padding: 0 8px 0 0;} .user-profile-topics .zagolovok a { float:right; padding:0px 0px 0px 8px; color:#fb8282; text-decoration:underline; margin-right:20px; background:#fff; } .user-profile-topics .zagolovok a:hover { color:#f70000 } .user-profile-topics { width: 100%; clear:both; overflow:hidden; margin-top:60px; display:inline-block; *display:inline } .user-profile-topics-inner { margin-right:-10px } .user-profile-topics .topicshort { margin-right:10px } .user-profile-comments { clear:both; overflow:hidden; margin-top:50px } .user-profile-comments .zagolovok { margin-bottom:20px; background: url(../images/grey-line.png) repeat-x 0px 9px; height:29px; clear: both; color: #B9B9B9;} .user-profile-comments .zagolovok h2 { font-weight:bold; font-size:22px; background: #fff; float: left; margin: -6px 0 0 -2px; padding: 0 8px 0 0;} .user-profile-comments .zagolovok a { float:right; padding:0px 0px 0px 8px; color:#fb8282; text-decoration:underline; margin-right:10px; background:#fff; } .user-profile-comments .zagolovok a:hover { color:#f70000 } .user-profile-table { width: 100%; } .user-profile-table td { vertical-align: top; padding: 0 0 5px; } .user-profile-table td.var { width: 150px; font-weight: bold; color: #999; } .user-profile-table td .user { margin-right: 7px; } /* Stat */ .stat-performance { padding: 15px 20px; background: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .stat-performance table { } .stat-performance table td { width: 200px; vertical-align: top; } .stat-performance h4 { font-weight: bold; } /* Userfeed */ .userfeed-get-more { display:block; width: 90%; margin: 0px auto; text-align: center; height: 2.5em; padding-top: 1em;} .userfeed-get-more:hover { background: #f0f7fd;} .userfeed_loading {background: #F7F7F7 url(../images/loader.gif) no-repeat center;} /* Stream */ .stream-get-more { display: block; text-align: center; padding: 12px 0; background: #fafafa; color: #aaa; border-top: 1px solid #eee; text-decoration: none; } .stream-get-more:hover { background: #f0f7fd; } .stream_loading { background: #f7f7f7 url(../images/loader.gif) no-repeat center; } .stream-comment-preview { padding: 5px 10px; background: #f3f3f3; margin-top: 5px; } .stream-list { margin: 0 0 20px; } .stream-list li { margin-bottom: 5px; min-height: 48px; _height: 48px; background: #fafafa; padding: 10px 15px 10px 70px; position: relative; } .stream-list li .avatar { position: absolute; top: 10px; left: 10px; } .stream-list li .date { display: block; color: #999; } .stream-list li a { text-decoration: none; } .stream-list li a:hover { text-decoration: underline; } /* Userfields */ .userfield-list { width: 450px; } .userfield-list li { background: #f7f7f7; margin-bottom: 1px; padding: 10px 5px; overflow: hidden; zoom: 1; line-height: 12px; color: #777; } .userfield-list li .uf-actions { float: right; } .userfield-list li .uf-actions img { vertical-align: top; } .userfield-list li .userfield_admin_name { font-weight: bold; color: #333; } .userfield-add { text-decoration: none; border-bottom: 1px dashed #70AAE0; } .userfield-add:hover { color: #333; border-color: #333; } /* Tags -------------------- */ .tags { clear:both; margin:22px 0px 50px 26px } .tags h2 { font-size: 22px; font-weight:bold; margin-bottom:5px } .tags .cloud li { display: inline; margin-right: 5px; line-height: 22px; } .tags .cloud li a { text-decoration: none; white-space: nowrap; color: #bdbdbd; } .tags .cloud li a:hover { color: #f70000; } .tags .cloud li a.w1 { font-size: 12px; } .tags .cloud li a.w2 { font-size: 12px; } .tags .cloud li a.w3 { font-size: 14px; } .tags .cloud li a.w4 { font-size: 14px; } .tags .cloud li a.w5 { font-size: 18px; } .tags .cloud li a.w6 { font-size: 18px; } .tags .cloud li a.w7 { font-size: 20px; } .tags .cloud li a.w8 { font-size: 20px; } .tags .cloud li a.w9 { font-size: 22px; } .tags .cloud li a.w10 { font-size: 22px; } /* Footer -------------------- */ .hFooter { clear: both; height: 164px; } .footer-inner { margin:0 auto; width:978px; padding:36px 0px 0px 26px; overflow:hidden } .footer-inner h3 { font-weight:bold; font-size:14px } .footer-inner .block1 { float:left; padding-right:60px; line-height:24px } .footer-inner .block1 span { color:#9a9a9a } .footer-inner .block1 span a { color:#7b7b7b } .footer-inner .block1 span a:hover { color:#f70000; } .footer-inner .block1 a { text-decoration:underline } .footer-inner .block2 { float:left; width:104px; padding-right:76px } .footer-inner .block3 { float:left } .footer-inner .block4 { float:left; width:150px; padding-right:60px } Готов отблагодарить на вебмани или за "спасибо", для опытного дизайнера 3-5 мин работы, а я уже замучился экспериментировать |
|||
|
|
|
![]() |
|
|
|
|
| Здесь присутствуют: 1 (пользователей: 0 , гостей: 1) | |
|
|