Архив - только для чтения |
| Сообщество uCoz Архивариус Архив Архив темы: Дизайн решение вопросов |
| Архив темы: Дизайн решение вопросов |
|
Все, всем спасибо! Из-за вас всех полетел дизайн в баню!
Добавлено (29 Апр 2013, 13:09:46) --------------------------------------------- Код отцитируй ...где я так написал Хорошо, вот: Код <div class="clr"> вместо этого можно использовать <br class="clear" /> а потом ты пишешь: Код для блока со ссылками удалите класс после общего блока <br class="clear" /> И это не повтор по-твоему? Одно и тоже действие ты описал! Разве я не прав? Заменить надо было <div class="clr"> на <br class="clear" /> так? Добавлено (29 Апр 2013, 13:14:27) --------------------------------------------- Код Хорош уже. Отрисуй что именно и на какой уровень надо и восстанови как было при первом твоем сообщении, ибо то, что сейчас - каша. Ты мне не указывай! Я знаю сам когда "хорош", а когда не "хорош"! Добавлено (29 Апр 2013, 13:15:09) --------------------------------------------- fflesh, без тебя знаю, что на сайте каша! Сообщение отредактировал Владос - Понедельник, 29 Апр 2013, 13:23:11
|
|
Владос,
Цитата (Владос) Все, всем спасибо! Из-за вас всех полетел дизайн в баню! Не ругаемся, у тебя же шаблон есть, и здесь код лежит, так ничего страшного. Просто замени в глобальном блоке участок от <header> до </nav> вот на это: Код <header> <div id="mast-head"> <div class="wrapper"> <div class="blognames"><div class="site-name"><img src="/logo2.png"></div></div><div id="search"> <div class="search-box"> <div class="searchForm"><form onSubmit="this.sfSbm.disabled=true" method="get" style="margin:0" action="$HOME_PAGE_LINK$search/"><div class="schQuery"><input value="Поиск по сайту..." type="text" name="q" maxlength="30" size="20" class="queryField" /></div><div class="schBtn"><input type="submit" class="searchSbmFl" name="sfSbm" value="Найти" /></div></form></div> </div> </div> <div class="clr"></div> <div class="ohGood"><?if($USER_LOGGED_IN$)?><a href="$PERSONAL_PAGE_LINK$">Личный кабинет</a><?else?><a href="$LOGIN_LINK$">Вход</a>/<a href="$REGISTER_LINK$">Регистрация</a><?endif?></div> </div> </div> </header> </div> </div> <nav> <div class="wrapper"> <div id="main-menu"> <div class="menu-left"> <div class="menu-right"> <div id="catmenu"> <!-- <sblock_menu> --> <?if($SMENU_3$)?><!-- <bc> -->$SMENU_3$<!-- </bc> --><?endif?> <!-- </sblock_menu> --> <div class="clr"></div> </div> </div> </div> <div class="clr"></div> </div> </div> </nav> И сделай скрин и покажи стрелочками что и куда хочешь. Всё написанное выше - моё личное мнение и на абсолютную правоту не претендует.
Есть вопросы лично ко мне - пиши сюда: http://likbezz.ru/forum/8 |
|
Владос,
Цитата (Владос) Нужно как здесь: Код шапки: Код <header> <div id="mast-head"> <div class="wrapper"> <div class="blognames"> <div class="site-name"><img src="/logo2.png"></div> <div id="search"> <div class="search-box"> <div class="searchForm"><form onSubmit="this.sfSbm.disabled=true" method="get" style="margin:0" action="$HOME_PAGE_LINK$search/"><div class="schQuery"><input value="Поиск по сайту..." type="text" name="q" maxlength="30" size="20" class="queryField" /></div><div class="schBtn"><input type="submit" class="searchSbmFl" name="sfSbm" value="Найти" /></div></form></div> </div> </div> <div class="ohGood"> <?if($USER_LOGGED_IN$)?><a href="$PERSONAL_PAGE_LINK$">Личный кабинет</a><?else?><a href="$LOGIN_LINK$">Вход</a>/<a href="$REGISTER_LINK$">Регистрация</a><?endif?></div> </div> <div class="clr"></div> </div> </div> </header> </div> </div> <nav> <div class="wrapper"> <div id="main-menu"> <div class="menu-left"> <div class="menu-right"> <div id="catmenu"> <!-- <sblock_menu> --> <?if($SMENU_3$)?><!-- <bc> -->$SMENU_3$<!-- </bc> --><?endif?> <!-- </sblock_menu> --> <div class="clr"></div> </div> </div> </div> <div class="clr"></div> </div> </div> </nav> Стили: Код div.blognames{position:relative;} #search{position:absolute;left:600px;top:85px;} div.ohGood{position:absolute;right:10px;top:98px;margin-left:0px;} Будет вот так: ![]() Прикрепления:
9880093.png
(113.5 Kb)
Всё написанное выше - моё личное мнение и на абсолютную правоту не претендует.
Есть вопросы лично ко мне - пиши сюда: http://likbezz.ru/forum/8 |
|
Цитата (Владос) спасибо Всегда пожалуйста) Всё написанное выше - моё личное мнение и на абсолютную правоту не претендует.
Есть вопросы лично ко мне - пиши сюда: http://likbezz.ru/forum/8 |
|
<TABLE style="border: 1px solid rgb(127, 127, 127); margin-bottom: 10px; margin-left: 0px;" cellpadding="2" cellspacing="2" width="100%"><tbody><tr><td style="padding-right: 3px; padding-left: 5px; color: rgb(255, 255, 255);" colspan="2" align="left" bgcolor="#2a61f3">
<a href="$ENTRY_URL$"><font color="#ffffff"><b>$TITLE$</b></font></a> <img src="http://s42.radikal.ru/i096/0903/54/6922327da526.gif"> <TR><TD colspan="2" style="border: 1px solid rgb(184, 184, 184); padding: 5px; background: rgb(255, 255, 255) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" align="left"> <DIV align="center"><img src="http://zaucoz.ru/Scrinshot4/poisk.png" border="0" alt="" /><b> Просмотров: $READS$ </b>| <img src="http://zaucoz.ru/Scrinshot4/bmi_author.png" border="0" alt="" /><b> Добавил: <a href="$PROFILE_URL$">$USERNAME$</a></b> | <img src="http://zaucoz.ru/Scrinshot4/clock.png" border="0" alt="" /><b> Дата: <SPAN title="$TIME$">$DATE$</b></DIV> <br> <div class="eMessage" style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">$MESSAGE$</div> <br> <DIV align="right"> <a href="$COMMENTS_URL$"><img src="http://zaucoz.ru/Scrinshot4/balloon.png" border="0" alt="" /><b> Комментарии: ($COMMENTS_NUM$)</b></a> | <a href="$ENTRY_URL$"><img src="http://zaucoz.ru/Scrinshot4/xUs5LQQq2u.png" border="0" alt="" /><b> Подробнее</a></b> $MODER_PANEL$ </div></TD></TR></TBODY></TABLE> Как в коде настроить размер окна новости? Одна больше вторая меньше.. сайт |
|
fflesh, нужна помощь с дизайном! Проблемы с отображением информеров. Я покупал вот этот шаблон:
Как видно на скриншоте, информеры выстроены в строку по 4 материала и все выглядит нормально. У меня же получилось "оборвано" в правом верхнем углу: HTML: Код <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>$SITE_NAME$ - $MODULE_NAME$</title> <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> <?if($MODULE_ID$='shop')?> <!--[if lte IE 8]> <style type="text/css"> .shop-item {padding-right:15px;} </style> <![endif]--> <?endif?> <script type="text/javascript">var homeurl="$HOME_PAGE_LINK$";var urlid="page-$PAGE_ID$";var modid="mod-$MODULE_ID$";</script> </head> <body> $GLOBAL_AHEADER$ <div id="casing"<?if($MODULE_ID$='forum')?> class="forum-casing"<?endif?>> <div class="wrapper"> <?if($MODULE_ID$='forum')?><section><?endif?> <!-- <middle> --> <aside> <div id="sidebar"> $GLOBAL_CLEFTER$ </div> </aside> <section> <div id="content"> $MYINF_2$ </div> </section> <!-- </middle> --> <?if($MODULE_ID$='forum')?></section><?endif?> <div class="clr"></div> </div> </div> $GLOBAL_BFOOTER$ <script type="text/javascript" src="/js/ui.js"></script> </body> </html> CSS: Код #content { float:right;width:735px;} #content .calTable td {padding:10px;} .eBlock {padding:0 0 10px 0;} .eTitle {padding:10px 0;color:#444;font-size:24px;font-family:'Lobster';} .eTitle a {color:#444;text-decoration:none;} .eTitle a:hover {color:#555;} .eDetails,.eDetails1, eDetails2{font-size:11px;padding:7px;color:#666;background:#ccc url(/img/li-bg.png);border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;} .eDetails a,.eDetails1 a,.eDetails2 a {text-decoration:underline;color:#666;} .eDetails a:hover,.eDetails1 a:hover,.eDetails2 a:hover {text-decoration:none;} .eMessage,.eText {margin:0;padding:10px 0!important;} .eMessage p,.eText p{margin:0;padding:0 0 5px 0;} .pagesBlockuz1 b,.pagesBlockuz2 b,#pagesBlock1 b,#pagesBlock2 b {padding:2px 6px;font-weight:normal;background:#272727;color:#fff;font-size:10px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;} .pagesBlockuz1 a,.pagesBlockuz2 a,#pagesBlock1 a,#pagesBlock2 a {padding:2px 0;font-size:10px;color:#777!important;text-decoration:none;} .pagesBlockuz1 a:hover,.pagesBlockuz2 a:hover,#pagesBlock1 a:hover,#pagesBlock2 a:hover {text-decoration:underline;} .cBlock1,.cBlock2 {background:#ccc url(/img/li-bg.png);border-bottom:1px solid #bbb;} #content .cBlock1,#content .cBlock2,.commTable{padding:7px 0 0 0;margin:10px 0 0 0;background:url(/img/hr-hor.png) 0 0 repeat-x;border:none;color:#555;} .cMessage {font-size:11px;} .cTop {padding:0 0 5px 0;margin:0 0 5px 0;border-bottom:1px dotted #aaa;} .cAnswer {padding:5px 0 0 15px;font-style:italic;color:#333;font-size:11px;} .commTd1 {padding:5px 2px;width:140px;} input.commFl {width:98%;} textarea.commFl {width:98%;} input.codeButtons {min-width:30px;} .securityCode {} .eAttach {margin:10px 0; font-size:11px;color:#666;padding:0 0 0 15px;background:url(/img/attach.gif) 0 0 no-repeat;} .eRating {font-size:8pt;} .manTdError,.commError {color:#ff0000;} .commReg {padding: 10px 0;text-align:center;} a.groupModer:link,a.groupModer:visited,a.groupModer:hover {color:blue;} a.groupAdmin:link,a.groupAdmin:visited,a.groupAdmin:hover {color:red;} a.groupVerify:link,a.groupVerify:visited,a.groupVerify:hover {color:green;} .replaceTable {background:#ddd;border:1px solid #eee;color:#333;-webkit-box-shadow:0 1px 3px #999;-moz-box-shadow:0 1px 3px #999;box-shadow:0 1px 3px #999;font-size:12px!important;padding:10px;border-radius:9px;-moz-border-radius:9px;-webkit-border-radius:9px;} .legendTd {font-size:8pt;} .outputPM {border:1px dashed #3a2b24;margin:4px 0 4px 30px;} .inputPM {border:1px dashed #3a2b24;margin:4px 0;} .uTable {padding:0;background:none;} .uTable td {padding:3px 10px;background:#ececec;border:1px solid #cbc7c7;-webkit-box-shadow:inset 0 0 0 1px #fff;-moz-box-shadow:inset 0 0 0 1px #fff;box-shadow:inset 0 0 0 1px #fff;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;} .uTable td.uTopTd {background:#ddd;} .eAttach .entryAttachSize {padding-left:4px;} .manTable {text-align:left;} .manTable .manTd1 {font-size:12px;line-height:14px;width:200px;} .popuptable {margin:10px auto;padding:10px;background:#ddd;border:1px solid #eee;color:#333;-webkit-box-shadow:0 1px 3px #999;-moz-box-shadow:0 1px 3px #999;box-shadow:0 1px 3px #999;border-radius:9px;-moz-border-radius:9px;-webkit-border-radius:9px;} .popuptitle {font-size:18px;background:url(/img/hr-hor.png) 0 bottom repeat-x;color:#444;padding:0 0 12px 0;text-align:center;font-family:'Lobster';} .popupbody {padding:10px 0 0 0;font-size:12px;color:#333;} .popupbody * {font-size:12px!important;} .popuptable table {text-align:left;color:#333;} |
|
Цитата (Владос) Как видно на скриншоте, информеры выстроены в строку по 4 материала и все выглядит нормально. У меня же получилось "оборвано" в правом верхнем углу: Открой стили, найди вот такую строку: Код .shop-item {float:left;width:170px;padding:10px 20px 10px 0;} Замени на: Код .shop-item {float:left;width:170px;padding:10px 12px 10px 0;} Всё написанное выше - моё личное мнение и на абсолютную правоту не претендует.
Есть вопросы лично ко мне - пиши сюда: http://likbezz.ru/forum/8 |
|
|
|
|
|
Admin1762, найдите в шаблоне эту строку
<div class="pollQue" align="center" style="font-size:9pt;padding:5px;text-align:left; background:#3d3a50; border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;width:99%; color:#181818; text-shadow:#2f2d41 0 1px 1px"> И замените цвет, его я выделил красным. Сообщение отредактировал Rad_van_Cor - Понедельник, 29 Апр 2013, 18:42:25
|
| |||
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!

Чат сообщества












