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

Сообщение # 4531 | 14:43:22
Печенька0657,
Цитата
а можно, что то сделать, чтоб при этом левый блок становился больше в ширину
Исправить значение и там, увеличить на столько же на сколько уменьшили колонку, только так

Цитата
где можно выравнять блок с аватарками пользователей, чтоб одинаковые были по ширине?
Шаблон вида сообщений форума в студию ..

Сообщение отредактировал Miss_Esq - Суббота, 15 Мар 2014, 14:44:11
Печенька0657
Сообщений: 24
Репутация: 19

Сообщение # 4532 | 14:56:14
Miss_Esq, вы это имели в виду?


Код
.forum-box {background:#fff;padding:20px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-moz-box-shadow:0 1px 2px rgba(0,0,0,.5);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 1px 2px rgba(0,0,0,.5);}
.gTable {background:none;border-spacing:2px;}
.gTableTop {padding:10px 20px;font-size:16px;color:#af5f24;text-shadow:0 1px 1px #f1e6d5;background:#e0c7a2 url(/.s/t/2011/title.jpg) 0 0 repeat-x;-moz-box-shadow:0 1px 1px rgba(0,0,0,.2);-webkit-box-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.2);-webkit-border-top-left-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-radius-topleft:10px;-moz-border-radius-topright:10px;border-top-left-radius:10px;border-top-right-radius:10px;}
.gTableTop a {color:#af5f24!important;}
.gTableSubTop,.postTdTop {padding:3px 5px;text-shadow:0 1px 1px #557684;font-size:13px;color:#fff;background:#7394a0 url(/.s/t/2011/nav.png) 0 0 repeat-x;-moz-box-shadow:0 1px 2px rgba(0,0,0,.5);-webkit-box-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 1px 2px rgba(0,0,0,.5);-webkit-border-bottom-right-radius:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-bottomleft:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}
.gTableSubTop a,.gTableSubTop a:hover,.postTdTop a,.postTdTop a:hover {color:#fff!important}
.gTableSubTop b {font-weight:normal;}
.gTableBody,.gTableBody1,.gTableBottom,.gTableError,.forumNameTd,.forumLastPostTd,.threadNametd,.threadAuthTd,.threadLastPostTd,.threadsType ,.postPoll,.newThreadBlock,.newPollBlock,.newThreadBlock,.newPollBlock,.gTableRight,.postTdInfo,.codeMessage,.quoteMessage,.forumIcoTd,.foru mThreadTd,.forumPostTd,.gTableLeft,.threadIcoTd,.threadPostTd,.threadViewTd,.postBottom,.posttdMessage {padding:7px;background:#fff;border:1px solid #ddd;-moz-box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.postBottom {padding:3px 7px;}
a.forum,a.threadLink,a.threadPinnedLink {color:#493e24;padding:0 0 0 11px;margin:0 0 5px;display:inline-block;background:url(/.s/t/2011/arrow.jpg) 0 4px no-repeat;font-size:15px;}
a.forumLastPostLink {color:#666!important;}
.gTableLeft {font-weight:bold}
.gTableError {color:#FF0000}
.forumLastPostTd,.forumArchive {font-size:8pt}
a.catLink {text-decoration:none}
a.catLink:hover {text-decoration:underline}
.lastPostGuest,.lastPostUser,.threadAuthor {font-weight:bold}
.archivedForum{font-size:8pt;color:#FF0000!important;font-weight:bold}
.forumDescr {font-size:8pt}
div.forumModer {color:#8e989b;font-size:8pt}
.forumViewed {font-size:9px}
.forumBarKw {font-weight:normal}
a.forumBarA {text-decoration:none;color:#777!important}
a.forumBarA:hover {text-decoration:none}
.fastLoginForm {font-size:8pt}
.switch,.pagesInfo {padding:2px 5px;font-weight:normal;font-size:11px;background:#fafafa;border:1px solid #ddd;-moz-box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.switchActive {padding:2px 5px;font-size:11px;border-width:1px;font-weight:normal;color:#fff;text-shadow:0 1px 1px #557684;background:#7394a0 url(/.s/t/2011/nav.png) 0 0 repeat-x;font-size:12px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
a.switchDigit,a.switchBack,a.switchNext {text-decoration:none;color:#6a6a6a!important;}
a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {text-decoration:underline}
.threadLastPostTd {font-size:8pt}
.threadDescr {color:#888;font-size:8pt}
.threadNoticeLink {font-weight:bold}
.threadsType {height:20px;font-weight:bold;font-size:8pt}
.threadsDetails {height:20px;font-size:12px;padding:3px 10px;background:#ededed;border:1px solid #ddd;-moz-box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.forumOnlineBar {height:20px;color:#666;padding:0 10px;}
a.threadPinnedLink {color:#f63333!important}
a.threadFrmLink {color:#555!important}
.postpSwithces {font-size:8pt;display:block;}
.thDescr {font-weight:normal}
.threadFrmBlock {font-size:8pt;text-align:right}
.forumNamesBar {font-size:11px;padding:3px 0}
.forumModerBlock {padding:3px 0}
.postPoll {text-align:center}
.postUser {font-weight:bold}
.postRankName {margin-top:5px}
.postRankIco {margin-bottom:5px;}
.reputation {margin-top:5px}
.signatureHr {margin-top:20px}
.postTdInfo {padding:10px;text-align:center}
.posttdMessage {line-height:18px;padding:10px;background:none;}
.pollQuestion {text-align:center;font-weight:bold}  
.pollButtons,.pollTotal {text-align:center}
.pollSubmitBut,.pollreSultsBut {width:140px;font-size:8pt}
.pollSubmit {font-weight:bold}
.pollEnd {text-align:center;height:30px}
.codeMessage,.quoteMessage,.uSpoilerText {font-size:11px;padding:10px;background:#eee;border:1px solid #ddd!important;color:#888;}
.signatureView {display:block;font-size:8pt;line-height:14px;padding:0 0 0 10px;border-left:3px solid #ddd}  
.edited {padding-top:30px;font-size:8pt;text-align:right;color:gray}
.editedBy {font-weight:bold;font-size:8pt}
.statusBlock {padding-top:3px}
.statusOnline {color:#0f0}
.statusOffline {color:#f00}
.newThreadItem {padding:0 0 8px;background:url(/.s/t/2011/arrow.jpg) 0 4px no-repeat}
.newPollItem {padding:0 0 8px;background:url(/.s/t/2011/arrow.jpg) 0 4px no-repeat}
.pollHelp {font-weight:normal;font-size:8pt;padding-top:3px}
.smilesPart {padding-top:5px;text-align:center}
.userAvatar {border:2px solid #ddd;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.pollButtons button {margin:0 10px 0 0!important}
.postBottom .goOnTop {display:none!important}
.postIpLink {text-decoration:none;}
.thread_subscribe {text-decoration:none;}
.thread_subscribe:hover {text-decoration:underline;}
.postip,.postip a {font-size:11px;color:#999;}
.UhideBlockL {background:#eee;border:1px solid #ddd;padding:10px;color:#999;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.UhideBlockL a {color:#999;}
.pollreSultsBut {width:180px;text-align:center;}
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 4533 | 14:58:59
Печенька0657, Это css ... Ниже в пункте - Форум шаблон вида материала (сообщения) форума ...

Печенька0657
Сообщений: 24
Репутация: 19

Сообщение # 4534 | 15:09:03
Miss_Esq, вот


Код
<table border="0" width="100%" cellspacing="1" cellpadding="2" class="postTable">  
<tr><td width="150px" class="postTdTop" align="center"><a class="postUser" href="javascript://" rel="nofollow" onClick="emoticon('[b]$USERNAME$,');return false;">$USERNAME$</a></td><td width="100" 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://s106.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://s106.ucoz.net/img/icon/thumbd.png" width="13" border="0" title="Плохой пост"></a></div><?endif?>Дата: $WDAY$, $DATE$, $TIME$ | Сообщение # $NUMBER$</td></tr>  
<tr><td class="postTdInfo" valign="top">  
<div align="center"><?if($AVATAR_URL$)?><a href="$PROFILE_URL$"><img alt="" title="$USERNAME$" class="userAvatar" border="0" src="$AVATAR_URL$"><a><?endif?><?if($USER_TITLE$)?><div class="postRankName">$USER_TITLE$</div><?else?><div class="postRankName">$USER_RANK_NAME$</div><?endif?><?if($GROUP_ICON$)?><div class="postRankIco">$GROUP_ICON$</div><?else?><div class="postRankIco">$USER_RANK_ICON$</div><?endif?>  
<?if($GROUP_NAME$)?><div class="postUserGroup">Группа: $GROUP_NAME$</div><?endif?>  
<?if($POSTS$)?><div class="numposts">Сообщений: <span="unp">$POSTS$</span></div><?endif?>  
<?if($AWARDS_READ_URL$)?><div class="reputation">Награды: <a href="$AWARDS_READ_URL$" title="Список наград"><span class="repNums"><b>$AWARDS$</b></span></a> <?if($AWARDS_DO_URL$)?> <a href="$AWARDS_DO_URL$"><span style="font-size:10pt" title="Вручить награду"><b>+</b></span></a><?endif?><?endif?>  
<?if($READ_REP_URL$)?><div class="reputation">Репутация: <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$"><span style="font-size:10pt"><b>±</b></span></a></div><?endif?><?endif?>  
<?if($READ_BAN_URL$)?><div class="userBan">Замечания: <a class="banPercent" title="Смотреть историю замечаний" href="$READ_BAN_URL$">$BAN_RATING$</a> <?if($DO_BAN_URL$)?> <a title="Изменить уровень замечаний" class="banDo" href="$DO_BAN_URL$">±</a></div><?endif?><?endif?>  
<?if($USER_STATUS$)?><div class="statusBlock">Статус: $USER_STATUS$</div><?endif?>  
<?if($GROUP_ID$)?> <?else?><br><br><br><br><br><?endif?></div>  
</td><td class="posttdMessage" valign="top">$MESSAGE$  
<?if($ATTACHMENT$)?> <div align="left" class="eAttach">Прикрепления: $ATTACHMENT$</div><?endif?>  
<?if($SIGNATURE$)?><br><hr size="1" width="150" align="left" class="signatureHr"><span class="signatureView">$SIGNATURE$</span><?endif?>  
<?if($EDITEDBY$)?><br><br><div class="edited">Сообщение отредактировал $EDITEDBY$</div><?endif?></td></tr>  
<tr><td class="postBottom" align="center"><?if($USER_IP$)?><div class="postip">[ <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>)<?endif?> ]</div><?else?> <?endif?></td><td class="postBottom">  
<table border="0" width="100%" cellspacing="0" cellpadding="0">  
<tr><td>$USER_DETAILS_ICON_BAR$</td><td align="right" style="padding-right:15px;">$ENTRY_MANAGE_ICON_BAR$</td><td width="2%" nowrap align="right">$ON_TOP_ICON$$DEL_ENTRY_FIELD$</td></tr>  
</table></td></tr> </table>
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 4535 | 15:16:21
Печенька0657,

Код
<table border="0" width="100%" cellspacing="1" cellpadding="2" class="postTable">   
  <tr>
  <td style="width: 150px; text-align: center;" class="postTdTop">
  <a class="postUser" href="javascript://" rel="nofollow" onClick="emoticon('[b]$USERNAME$,');return false;">$USERNAME$</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://s106.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://s106.ucoz.net/img/icon/thumbd.png" width="13" border="0" title="Плохой пост"></a></div><?endif?>Дата: $WDAY$, $DATE$, $TIME$ | Сообщение # $NUMBER$</td>
  </tr>   
  <tr>
  <td class="postTdInfo" valign="top">   
  <div align="center"><?if($AVATAR_URL$)?><a href="$PROFILE_URL$"><img alt="" title="$USERNAME$" class="userAvatar" border="0" src="$AVATAR_URL$"></a><?endif?><?if($USER_TITLE$)?><div class="postRankName">$USER_TITLE$</div><?else?><div class="postRankName">$USER_RANK_NAME$</div><?endif?><?if($GROUP_ICON$)?><div class="postRankIco">$GROUP_ICON$</div><?else?><div class="postRankIco">$USER_RANK_ICON$</div><?endif?>   
  <?if($GROUP_NAME$)?><div class="postUserGroup">Группа: $GROUP_NAME$</div><?endif?>   
  <?if($POSTS$)?><div class="numposts">Сообщений: $POSTS$</div><?endif?>   
  <?if($AWARDS_READ_URL$)?><div class="reputation">Награды: <a href="$AWARDS_READ_URL$" title="Список наград"><span class="repNums"><b>$AWARDS$</b></span></a> <?if($AWARDS_DO_URL$)?> <a href="$AWARDS_DO_URL$"><span style="font-size:10pt" title="Вручить награду"><b>+</b></span></a><?endif?><?endif?>   
  <?if($READ_REP_URL$)?><div class="reputation">Репутация: <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$"><span style="font-size:10pt"><b>±</b></span></a></div><?endif?><?endif?>   
  <?if($READ_BAN_URL$)?><div class="userBan">Замечания: <a class="banPercent" title="Смотреть историю замечаний" href="$READ_BAN_URL$">$BAN_RATING$</a> <?if($DO_BAN_URL$)?> <a title="Изменить уровень замечаний" class="banDo" href="$DO_BAN_URL$">±</a></div><?endif?><?endif?>   
  <?if($USER_STATUS$)?><div class="statusBlock">Статус: $USER_STATUS$</div><?endif?>   
  <?if($GROUP_ID$)?> <?else?><br><br><br><br><br><?endif?></div>
  </div>  
  </td>
  <td class="posttdMessage" valign="top">$MESSAGE$   
  <?if($ATTACHMENT$)?> <div align="left" class="eAttach">Прикрепления: $ATTACHMENT$</div><?endif?>   
  <?if($SIGNATURE$)?><br><hr size="1" width="150" align="left" class="signatureHr"><span class="signatureView">$SIGNATURE$</span><?endif?>   
  <?if($EDITEDBY$)?><br><br><div class="edited">Сообщение отредактировал $EDITEDBY$</div><?endif?></td>
  </tr>   
  <tr>
  <td class="postBottom" align="center"><?if($USER_IP$)?><div class="postip">[ <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>)<?endif?> ]</div><?else?> <?endif?></td><td class="postBottom">   
  <table border="0" width="100%" cellspacing="0" cellpadding="0">   
  <tr><td>$USER_DETAILS_ICON_BAR$</td><td align="right" style="padding-right:15px;">$ENTRY_MANAGE_ICON_BAR$</td><td width="2%" nowrap align="right">$ON_TOP_ICON$$DEL_ENTRY_FIELD$</td></tr>   
  </table>
  </td>
  </tr>
   </table>

Печенька0657
Сообщений: 24
Репутация: 19

Сообщение # 4536 | 15:24:58
Miss_Esq, большое вам спасибо!
КоневРоман
Сообщений: 95
Репутация: 2

Сообщение # 4537 | 17:12:00
Miss_Esq, Попрошу вновь помощи,я не знаю что не так делаю,почему шаблон смещается влево?

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

Сообщение # 4538 | 17:15:40
Рома3038, Адрес у сайта есть ???

КоневРоман
Сообщений: 95
Репутация: 2

Сообщение # 4539 | 17:34:43
Цитата Miss_Esq ()
Адрес у сайта есть ???
Даа)воот)

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

Сообщение # 4540 | 17:40:06
Рома3038,
Цитата
Даа)воот)
wacko .... пишите адреса просто как текст а не ссылку ... типа так - polez-dno.ucoz.ru

КоневРоман
Сообщений: 95
Репутация: 2

Сообщение # 4541 | 17:41:53
Цитата Miss_Esq ()
пишите адреса просто как текст а не ссылку
Хорошо,учту на будущее.

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

Сообщение # 4542 | 17:48:42
Рома3038,

Попробуйте варианты, красный, или синий

<div id="shoEsq">
<img class="show" alt="" src="http://polez-dno.ucoz.ru/_nw/0/s51030592.jpg"><img alt="" src="http://u.jimdo.com/www64/o/s1ad2f29a8e00ec19/img/ib6cf6d7ca01ccd44/1391200551/orig/image.jpg"><img alt="" src="http://polez-dno.ucoz.ru/autumn-nature-wallpaper.jpg">
</div>
</div></div>
<div style="position: absolute; top: 0; left: 0; z-index: 2; width: 100%; text-align: center ;">

и в css

#contanier {background: url('/.s/t/826/2.gif') center repeat-y #1f1f1f; margin: 0 auto; padding:0px; text-align: center;}

или

<div id="contanier">
<table id="mainTable" style="border-collapse: collapse; margin: 0 auto; border: 0;">
<tr>
<td class="subColumn">

или всё сразу .... biggrin

OrsBorz
Сообщений: 25
Репутация: 30

Сообщение # 4543 | 18:01:05
Здравствуйте!

Когда мучу с сайтом, восстанавливаю стандартный шаблон, вдруг, в CSS, я заметил что есть такие стили начинающиеся с решетки:

#CommentStyle
#Name

И Типа Того

А в шаблонах (HTML) они не указываются как div классы, значит можно в CSS написать всего лишь #CommentStyle (и далее CSS), как вид комментариев сразу-же изменится?
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 4544 | 18:12:20
OrsBorz,
Цитата
они не указываются как div классы


В шаблоне класс - class="CommentStyle" в css пишется как класс с точкой - .CommentStyle {}

В шаблоне идентификатор - id="CommentStyle" в css пишется как идентификатор с решёткой - #CommentStyle {}

Разница между ними в том что в шаблоне например id="CommentStyle" может быть только один !!!!
а классы например class="CommentStyle" могут ставится несколько раз в разных элементах

КоневРоман
Сообщений: 95
Репутация: 2

Сообщение # 4545 | 18:19:38
Miss_Esq, Не получается,прочитайте лс.

Помог ты - помогут тебе!
Поиск: