Модератор форума: dotbot  
Сообщество uCoz » Архивариус » Корзина » Дизайн: решение вопросов (архив для чтения) (редактирование шаблонов)
Дизайн: решение вопросов (архив для чтения)
Модератор форума
Сообщение # 1 | 01:32:58

Для пользователей не в первый раз слышащих об HTML. Тех кто не знает как вставить картинку или поменять фон, просим изучить сначала учебник - Учебник по Html для чайников. Оглавление или Для тех, кто делает сайты. Оглавление.



Правила темы


1) Если после редактирования шаблонов у вас возникли проблемы с дизайном, то вы должны четко и ясно описать возникшие проблемы. Описание проблемы !обязательно! должно сопровождаться ссылкой на сайт где присутствует проблема с дизайном (лучше всего на страницу, где присутствует проблема )

2) Если в описании проблемы с дизайном необходим скриншот, то скриншоты не должны по размерам превышать 500х500 пкс

3) Если в описании проблемы нужно выложить код проблемного участка шаблона, то код должен быть заключен в тег [code][/code]

Сообщение отредактировал webanet - Пятница, 12 Окт 2012, 13:39:32
KaiLee
Сообщений: 5463
Репутация: 1135

Сообщение # 61 | 11:11:30
кум,
Цифру нажали ... где? Полное восстановление шаблона идет через "Общие настройки". Почти в самом верху есть пункт "Дизайн сайта". Выбираете нужный дизайн, там рядом ссылка стоит, ставите галочку "Обновить текущий дизайн во всех используемых модулях" и сохраняете настройки.

В теории, иногда бывает, что дизайн обновился, а CSS нет. Тогда нужно зайти в шаблон CSS и нажать "Восстановить стандартный шаблон".

В ЛС - только адреса и пароли. Все остальное - на форуме.
Студия | Шаблоны | Статьи
Сообщение отредактировал KaiLee - Среда, 04 Июл 2012, 11:13:46
Астра
Сообщений: 847
Репутация: 260

Сообщение # 62 | 11:11:37
кум, Если вы делали бэкап шаблонов, то они доступны Дизайн - Резервное копирование шаблонов. Или если каркас шаблонов сохраняли. Если же бекапа нет, то только ручками.
кум
Сообщений: 108
Репутация: -9
Уровень замечаний:

Сообщение # 63 | 11:16:48
ппц полный. резервную копию не делал (( , но после действия что указан в скриншоте поменялось одно поле <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> вот код ставлю стандарт этого поле <link rel="stylesheet" href="/style/styles.css" type="text/css"/> дизайн остается все равно кривым ((( В чем может быть проблема из-за чего все так стало?
Code


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>-------</title>
<meta name='yandex-verification' content='71625b5905fa94c2' />
<meta name="google-site-verification" content="fgfqFRilt2YZtv5veNB-7ZHkhq-PfMsZOWY3Aei-uDM" />
<!-- pr-cy 5ee9edebcd06e0d4501f7803186e90a6 -->

<link rel="shortcut icon" href="/images/favicon.ico" />
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
<link rel="stylesheet" href="/style/engine.css" type="text/css"/>
<script type="text/javascript" src="/js/ddaccordion.js"></script>
<script type="text/javascript" src="/js/alibs.js"></script>
<script type="text/javascript" src="http://jscroller.googlecode.com/files/jscroller-0.4.js"></script>
<script type="text/javascript" src="/js/jquery.jmpopups-0.5.1.js"></script>
<script type="text/javascript">
   //<![CDATA[
   $.setupJMPopups({
   screenLockerBackground: "#000",
   screenLockerOpacity: "0.7"
   });

   function openStaticPopup() {
   $.openPopupLayer({
   name: "loginPopup",
   width: 299,
   target: "loginform"
   });
   }
   //]]>
</script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
$jScroller.add("#scroller_container","#scroller","left",4, true);
   $jScroller.start();
   });
</script>

$GLOBAL_AHEADER$

</div>
</div>

$GLOBAL_BLOCKS$

</div>
</div>

<div id="rightcool">

<!-- banner 468x60 --><noindex>
<a target="_blank" href="" title="">
<div class="banner_468">
<img src="" border="0" />
<div class="banner_468_bg"></div>
</div>
</a></noindex>
<!-- /banner 468x60 -->
<!-- <body> -->$CONTENT$<!-- </body> -->
</div><!-- /rightcool -->
<!-- </middle> -->

$GLOBAL_BFOOTER$
</body>
</html>
Сообщение отредактировал кум - Среда, 04 Июл 2012, 13:02:50
ЧерныйФеникс
Сообщений: 23
Репутация: 10

Сообщение # 64 | 15:52:34
Здравствуйте!
У меня творческий сайт, где выкладывают большие произведения. Я не подумав, выбрала шаблон с изначально узким форрумом. Сейчас, проделано столько работы над шаблоном, что менять его было бы кощунственно.
Возможно ли увеличить ширину форрума? Очень надо!
Вот адрес форрума: http://litvorchestvo.ucoz.ru/forum
Нужен ли код и какой?
sVOVANs
Сообщений: 6
Репутация: 16

Сообщение # 65 | 16:15:58
Quote (Miss_Esq)
плюнте на идею кликабельной шапки ... плохая идея ..

в IE 9 вообще то шапка кликабельна , верхняя !!!! удивительный эффект , хотя в исходном ни чего подобного нет ...


Вот про это раздвоение я и писал ранее. Не понимаю отчего так wacko а сделать кликабельную шапку это уже дело принципа, так что буду пытаться и мучаться дальше biggrin

Добавлено (04-Июл-2012, 16:15:58)
---------------------------------------------
Интересное явление: В Internet Explorer 9 (64bit) отображает всё хорошо и шапка кликабельна! biggrin


Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 66 | 16:17:36
ЧерныйФеникс, возможно , шаблон страницы и адрес сайта

ЧерныйФеникс
Сообщений: 23
Репутация: 10

Сообщение # 67 | 16:23:51
http://litvorchestvo.ucoz.ru/ - адрес сайта

Страницы сайта:

Code
<html>
<head><link rel="icon" href="/favicon.ico." type="image/x-icon">   
<link rel="shortcut icon" href="/favicon.ico." type="image/x-icon">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
   <title>$SITE_NAME$ - $MODULE_NAME$</title>
<?$META_DESCRIPTION$?>
     
   <link type="text/css" rel="StyleSheet" href="/_st/my.css" />
</head>
<body>
$ADMIN_BAR$
<div id="wrap">
   <div id="container">
$GLOBAL_AHEADER$
<div id="content">
   <div id="content-top"></div>
   <div id="content-mid">
   <div class="sidebar">
   <div class="block soc-block">
   <div class="block-top"></div>
   <div class="block-mid">
   <div class="blockcontent" style="margin-right: 0;">
   <div class="bc-inside" style="width: auto;">
   <div id="soc">
   <?if($RSS_LINK$)?><a href="$RSS_LINK$" target="_blank" title="RSS" class="soc-rss"></a><?endif?>
   <a href="http://del.icio.us/post?url=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Del.icio.us" class="soc-del"></a>
   <a href="http://www.facebook.com/share.php?u=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="FaceBook" class="soc-facebook"></a>
   <a href="http://memori.ru/link/?sm=1&u_data[url]=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Memori" class="soc-memori"></a>
   <a href="http://vkontakte.ru/share.php?url=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Vkontakte" class="soc-vkontakte"></a>
   <a href="http://twitter.com/share?url=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Twitter" class="soc-twitter" style="margin: 0;"></a>
   </div>
</div>
   </div>
   </div>
   <div class="block-bottom"></div>
   </div>
$GLOBAL_CLEFTER$
   </div>
   <div class="maincont">
<!-- <middle> -->
   <!-- <body> -->$CONTENT$<!-- </body> -->
<!-- </middle> -->
   </div>
   <td valign="top" width="214">   
$GLOBAL_TWO$   
</td>
   <div class="clear"></div>
   </div>
   <div id="content-bottom"></div>
   </div>
$GLOBAL_BFOOTER$
   </div>
</div>
</body>
</html>


Или нужен именно страницы форрума?
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 68 | 16:38:55
ЧерныйФеникс,
Quote
Или нужен именно страницы форрума?
если нужно расширить только форум ...

ЧерныйФеникс
Сообщений: 23
Репутация: 10

Сообщение # 69 | 16:47:42
Eсли получится.
Но если придется расширять весь сайт.... надо так надо...

Вот общий вид страниц форрума:

Code
<html><head>

<meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title>$MODULE_NAME$</title>
<?$META_DESCRIPTION$?>
   
  <link type="text/css" rel="StyleSheet" href="/_st/my.css" />
</head>
$ADMIN_BAR$
<div id="wrap">
  <div id="container">
$GLOBAL_AHEADER$
  <font color="red" face="Arial">
  <div id="content">
  <div id="content-top" style="font-size: -webkit-xxx-large; "></div>
  <div id="content-mid">
  <div class="sidebar">
  <div class="block soc-block" style="font-size: -webkit-xxx-large; ">
  <div class="block-top"></div>
  <div class="block-mid">
  <div class="blockcontent" style="margin-right: 0;">
  <div class="bc-inside" style="width: auto;">
  <div id="soc">
<?if($RSS_LINK$)?><a href="$RSS_LINK$" target="_blank" title="RSS" class="soc-rss"></a><?endif?>
  <a href="http://del.icio.us/post?url=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Del.icio.us" class="soc-del"></a>
  <a href="http://www.facebook.com/share.php?u=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="FaceBook" class="soc-facebook"></a>
  <a href="http://memori.ru/link/?sm=1&u_data[url]=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Memori" class="soc-memori"></a>
  <a href="http://vkontakte.ru/share.php?url=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Vkontakte" class="soc-vkontakte"></a>
  <a href="http://twitter.com/share?url=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Twitter" class="soc-twitter" style="margin: 0;"></a>
  </div>
  </div>
  </div>
  </div>
<div class="block-bottom"></div>
  </div><font size="3" style="font-size: 12pt; ">
$GLOBAL_CLEFTER$
  </font></div>
  <div class="maincont">
<div class="forumContent"><table border="0" cellpadding="0" height="50" cellspacing="0" width="100%" style="font-size: -webkit-xxx-large; ">
<tbody><tr>
<td align="right"><font size="2" style="font-size: 10pt; ">[<?if($USER_LOGGED_IN$)?>
<a href="javascript://" rel="nofollow" id="upml" class="fNavLink" onclick="window.open('$PM_URL$','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;"><!--<s3065>-->Личные сообщения<!--</s>-->($UNREAD_PM$)</a> •
<?if($IS_NEW_PM$)?><script type="text/javascript">function flashit(id,cl){var c=document.getElementById(id);if (c.style.color=='red'){c.style.color=cl;}else {c.style.color='red';}}setInterval("flashit('upml','')",500)</script><bgsound src="http://s68.ucoz.net/img/fr/pm.wav" loop="3" volume="2" balance="0"></bgsound>
<?endif?><?endif?>
<a class="fNavLink" href="$RECENT_POSTS_LINK$" rel="nofollow"><!--<s5209>-->Новые сообщения<!--</s>--></a> •  
<a class="fNavLink" href="$MEMBERS_LIST_LINK$" rel="nofollow"><!--<s5216>-->Участники<!--</s>--></a> •  
<a class="fNavLink" href="$BOARD_RULES_LINK$" rel="nofollow"><!--<s5166>-->Правила форума<!--</s>--></a> •  
<a class="fNavLink" href="$SEARCH_PAGE_LINK$" rel="nofollow"><!--<s3163>-->Поиск<!--</s>--></a> •  
<a class="fNavLink" href="$RSS_LINK$" rel="nofollow">RSS</a> ]</font></td>
</tr>
</tbody></table><font size="2" style="font-size: 10pt; ">
$BODY$</font></div><br>
  </div>
  <div class="clear" style="font-size: -webkit-xxx-large; "></div>
  </div>
  <div id="content-bottom" style="font-size: -webkit-xxx-large; "></div>
  </div><font size="5" style="font-size: 18pt; ">

$GLOBAL_BFOOTER$
</font></font></div><font size=”20” color=”red” face=”Areal”>
</font></div><font size=”20” color=”red” face=”Areal”>
</font></body></html>


Вот Вид материалов форума

Code
<table border="0" width="100%" cellspacing="1" cellpadding="2" class="postTable">
<tbody><tr><td width="32%" class="postTdTop" align="center"><a class="postUser" href="javascript://" rel="nofollow" onclick="emoticon('[b]$USERNAME$[/b],');return false;"><font style="font-size: 12pt; ">$USERNAME$</font></a></td><td class="postTdTop"><?if($AWARDS_DO_URL$ && $USER_LOGGED_IN$ && $CUR_USER_ID$!=$UID$)?><div style="float:right"><a href="javascript://" rel="nofollow" onclick="new _uWnd('AwD','Вручить награду',380,200,{autosize:1,maxh:300},{url:'/index/55-$UID$-28-forum-$FID$_$TID$_$ID$_16_$TIMESTAMP$'});return false;"><img alt="" src="http://s68.ucoz.net/img/icon/thumbu.png" width="13" border="0" title="Хороший пост"></a> <a href="javascript://" rel="nofollow" onclick="new _uWnd('AwD','Вручить награду',380,200,{autosize:1,maxh:300},{url:'/index/55-$UID$-47-forum-$FID$_$TID$_$ID$_16_$TIMESTAMP$'});return false;"><img alt="" src="http://s68.ucoz.net/img/icon/thumbd.png" width="13" border="0" title="Плохой пост"></a></div><?endif?><font size="2" style="font-size: 10pt; ">Дата: $WDAY$, $DATE$, $TIME$ | Сообщение # $NUMBER$</font></td></tr>
<tr><td class="postTdInfo" valign="top">
<?if($AVATAR_URL$)?><img alt="" title="$USERNAME$" class="userAvatar" border="0" src="$AVATAR_URL$"><?endif?><?if($USER_TITLE$)?><div class="postRankName"><font size="2" style="font-size: 10pt; ">$USER_TITLE$</font></div><?else?><div class="postRankName">$USER_RANK_NAME$</div><?endif?>

<?if($GROUP_ICON$)?><div class="postRankIco"><font size="2">$GROUP_ICON$</font></div><?else?><div class="postRankIco">$USER_RANK_ICON$</div><?endif?>
<?if($GROUP_NAME$)?><div class="postUserGroup"><font size="2">Группа: $GROUP_NAME$</font></div><?endif?>
<!--IF--><div class="numposts"><font size="2">Сообщений: </font><span="unp"><font size="2">$POSTS$</font></span="unp"></div><div class="numposts"><span="unp"><font size="2">Награды: <a href="$AWARDS_READ_URL$" title="Список наград"><span class="repNums"><b>$AWARDS$</b></span></a> <?if($AWARDS_DO_URL$)?> <a href="$AWARDS_DO_URL$"><span title="Вручить награду"><b>+</b></span></a><?endif?><!--ENDIF-->
<?if($READ_REP_URL$)?></font><div class="reputation"><font size="2">Репутация: <a title="Смотреть историю репутации" class="repHistory" href="$READ_REP_URL$"><b>$REP_RATING$</b></a> <?if($DO_REP_URL$)?>  <a class="reputationDo" title="Изменить репутацию" href="$DO_REP_URL$"><b>±</b></a></font></div><?endif?><?endif?>
<?if($READ_BAN_URL$)?><div class="userBan"><font size="2">Замечания: <a class="banPercent" title="Смотреть историю замечаний" href="$READ_BAN_URL$">$BAN_RATING$</a> <?if($DO_BAN_URL$)?>  <a title="Изменить уровень замечаний" class="banDo" href="$DO_BAN_URL$">±</a></font></div><?endif?><?endif?>
<?if($USER_STATUS$)?><div class="statusBlock"><font size="2">Статус: $USER_STATUS$</font></div><?endif?>
<?if($GROUP_ID$)?> <?else?><br><br><br><br><br><?endif?>
</span="unp"></div></td><td class="posttdMessage" valign="top"><font size="2" style="font-size: 10pt; ">$MESSAGE$
<?if($ATTACHMENT$)?> </font><div align="left" class="eAttach"><font size="2">Прикрепления: $ATTACHMENT$</font></div><?endif?>
<?if($SIGNATURE$)?><font size="2"><br></font><hr size="1" width="150" align="left" class="signatureHr"><font size="2"><span class="signatureView">$SIGNATURE$</span><?endif?>
<?if($EDITEDBY$)?><br><br></font><div class="edited"><font size="2">Сообщение отредактировал $EDITEDBY$</font></div><?endif?></td></tr>
<tr><td class="postBottom" align="center"><?if($USER_IP$)?><div class="postip"><font><font size="2" style="font-size: 10pt; ">[ <a class="postIpLink" href="http://www.ripe.net/perl/whois?$USER_IP$" target="_blank">$USER_IP$</a><?if($POST_COUNTRY_ID$)?> (<a href="javascript://" rel="nofollow" onclick="prompt("","$POST_COUNTRY$");return false;">$POST_COUNTRY_ID$</a>)</font><?endif?><font size="4"> ]</font></font></div><?else?> <?endif?></td><td class="postBottom">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tbody><tr><td><font size="2" style="font-size: 10pt; ">$USER_DETAILS_ICON_BAR$</font></td><td align="right" style="padding-right:15px;"><font size="2">$ENTRY_MANAGE_ICON_BAR$</font></td><td width="2%" nowrap="" align="right"><font size="2">$ON_TOP_ICON$$DEL_ENTRY_FIELD$</font></td></tr>
</tbody></table></td></tr></tbody></table>


Форма добавления сообщений нужна?
Selena
Сообщений: 15657
Репутация: 1100

Сообщение # 70 | 16:50:23
ЧерныйФеникс, вам не отделаться только кодом, вам ещё картинки перерисовывать скорее всего понадобится. Фон тела форума.
А следующий код попробуйте заключить в условия:

Code
<div class="blockcontent" style="margin-right: 0;">
    <div class="bc-inside" style="width: auto;">
    <div id="soc">
<?if($RSS_LINK$)?><a href="$RSS_LINK$" target="_blank" title="RSS" class="soc-rss"></a><?endif?>
    <a href="http://del.icio.us/post?url=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Del.icio.us" class="soc-del"></a>
    <a href="http://www.facebook.com/share.php?u=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="FaceBook" class="soc-facebook"></a>
    <a href="http://memori.ru/link/?sm=1&u_data[url]=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Memori" class="soc-memori"></a>
    <a href="http://vkontakte.ru/share.php?url=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Vkontakte" class="soc-vkontakte"></a>
    <a href="http://twitter.com/share?url=$HOME_PAGE_LINK$" rel="nofollow" target="_blank" title="Twitter" class="soc-twitter" style="margin: 0;"></a>
    </div>
    </div>
    </div>
    </div>
<div class="block-bottom"></div>
    </div><font size="3" style="font-size: 12pt; ">
$GLOBAL_CLEFTER$
    </font></div>


Только сделайте сначала бекап шаблонов.

Но скорее всего лучше будет работать именно с шаблоном форума.

Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
ЧерныйФеникс
Сообщений: 23
Репутация: 10

Сообщение # 71 | 16:56:22
Selena, wacko
сама я естественно не сделаю, но если кто поможет, то думаю справлюсь.
уж очень нужен широкий форрум sad

Добавлено (04-Июл-2012, 16:56:22)
---------------------------------------------

Quote (Selena)
А следующий код попробуйте заключить в условия:

это какой?
Selena
Сообщений: 15657
Репутация: 1100

Сообщение # 72 | 17:01:18
ЧерныйФеникс, лучше работайте отдельно с шаблоном форума. Тот код, это код левой колонки. Убрав его. нужно ещё менять ширину тела форума, но это лучше не стилями, а прямо в коде шаблона. И вы увидите, что картинки надо перерисовать. Вы можете попробовать заказать работу тут - http://partner.ucoz.ru/

Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
ЧерныйФеникс
Сообщений: 23
Репутация: 10

Сообщение # 73 | 17:09:10
Selena, попробую для начала самостоятельно...
Miss_Esq, говорит - возможно. может, поможет. Попробую
Selena
Сообщений: 15657
Репутация: 1100

Сообщение # 74 | 17:12:13
ЧерныйФеникс, мисс, если обещала, то поможет. Это точно. Но за перерисовать можете и ко мне обращаться, только определитесь с размерами по горизонтали.

Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
ЧерныйФеникс
Сообщений: 23
Репутация: 10

Сообщение # 75 | 17:18:02
Selena, спасибо. Размеры в пикселях? Ну мне нужен форрум в два раза больше. Вернее та часть его, что отводится для сообщения
Сообщество uCoz » Архивариус » Корзина » Дизайн: решение вопросов (архив для чтения) (редактирование шаблонов)
Поиск: