Архив - только для чтения
Архив темы: Дизайн решение вопросов
Владос
Сообщений: 68
Репутация: 9

Сообщение # 601 | 13:15:09
Все, всем спасибо! Из-за вас всех полетел дизайн в баню!

Добавлено (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
fflesh
Сообщений: 1784
Репутация: 1314

Сообщение # 602 | 13:15:20
Владос,
Цитата (Владос)
Все, всем спасибо! Из-за вас всех полетел дизайн в баню!

Не ругаемся, у тебя же шаблон есть, и здесь код лежит, так ничего страшного.
Просто замени в глобальном блоке участок от <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
Владос
Сообщений: 68
Репутация: 9

Сообщение # 603 | 13:24:21
Нужно как здесь:


fflesh
Сообщений: 1784
Репутация: 1314

Сообщение # 604 | 13:34:27
Владос,
Цитата (Владос)
Нужно как здесь:

Код шапки:
Код
<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
Владос
Сообщений: 68
Репутация: 9

Сообщение # 605 | 13:41:52
fflesh, спасибо большое!

fflesh
Сообщений: 1784
Репутация: 1314

Сообщение # 606 | 13:44:23
Цитата (Владос)
спасибо

Всегда пожалуйста)

Всё написанное выше - моё личное мнение и на абсолютную правоту не претендует.
Есть вопросы лично ко мне - пиши сюда: http://likbezz.ru/forum/8
Userr
Сообщений: 1
Репутация: 0

Сообщение # 607 | 14:08:33
<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>

Как в коде настроить размер окна новости? Одна больше вторая меньше..

сайт
Владос
Сообщений: 68
Репутация: 9

Сообщение # 608 | 18:12:27
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;}

fflesh
Сообщений: 1784
Репутация: 1314

Сообщение # 609 | 18:22:46
Цитата (Владос)
Как видно на скриншоте, информеры выстроены в строку по 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
Rad_van_Cor
Сообщений: 1179
Репутация: 437

Сообщение # 610 | 18:23:47
Владос, CSS информера дайте. Суда по всему, нужно просто расстояние между блоками уменьшить.
И всё будет нормально.

Добавлено (29 Апр 2013, 18:23:47)
---------------------------------------------
А, опередили меня)


Admin1762
Сообщений: 19
Репутация: 0

Сообщение # 611 | 18:28:39
Доброго времени суток! Подскажите пожалуйста как поменять цвет центральной части сайта! Я имею ввиду ту часть где новости. Скажим так фон под новостями.

http://real-madridfans.ru
Rad_van_Cor
Сообщений: 1179
Репутация: 437

Сообщение # 612 | 18:31:17
Ссылку на сайт.

Сообщение отредактировал Rad_van_Cor - Понедельник, 29 Апр 2013, 18:31:55
Admin1762
Сообщений: 19
Репутация: 0

Сообщение # 613 | 18:33:01
http://matebarchuk.ucoz.com/

http://real-madridfans.ru
Rad_van_Cor
Сообщений: 1179
Репутация: 437

Сообщение # 614 | 18:40:19
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
Admin1762
Сообщений: 19
Репутация: 0

Сообщение # 615 | 18:47:42
Нет это не то. В этом случае изменится цвет в низу сайта.

Я имею ввиду белый цвет сменить где слово "Материалов нет" на главной странице! http://matebarchuk.ucoz.com/

http://real-madridfans.ru
Поиск:
Telegram
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!