Архив - только для чтения |
Сообщество uCoz Архивариус Архив Архив темы: Дизайн решение вопросов |
Архив темы: Дизайн решение вопросов |
Печенька0657,
Цитата а можно, что то сделать, чтоб при этом левый блок становился больше в ширину Цитата где можно выравнять блок с аватарками пользователей, чтоб одинаковые были по ширине? Сообщение отредактировал Miss_Esq - Суббота, 15 Мар 2014, 14:44:11
|
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;} |
Печенька0657, Это css ... Ниже в пункте - Форум шаблон вида материала (сообщения) форума ...
|
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> |
Печенька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> |
Miss_Esq, большое вам спасибо!
|
Miss_Esq, Попрошу вновь помощи,я не знаю что не так делаю,почему шаблон смещается влево?
Помог ты - помогут тебе!
|
|
|
Рома3038,
Цитата Даа)воот) ![]() |
|
Рома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"> или всё сразу .... ![]() |
Здравствуйте!
Когда мучу с сайтом, восстанавливаю стандартный шаблон, вдруг, в CSS, я заметил что есть такие стили начинающиеся с решетки: #CommentStyle #Name И Типа Того А в шаблонах (HTML) они не указываются как div классы, значит можно в CSS написать всего лишь #CommentStyle (и далее CSS), как вид комментариев сразу-же изменится? |
OrsBorz,
Цитата они не указываются как div классы В шаблоне класс - class="CommentStyle" в css пишется как класс с точкой - .CommentStyle {} В шаблоне идентификатор - id="CommentStyle" в css пишется как идентификатор с решёткой - #CommentStyle {} Разница между ними в том что в шаблоне например id="CommentStyle" может быть только один !!!! а классы например class="CommentStyle" могут ставится несколько раз в разных элементах |
Miss_Esq, Не получается,прочитайте лс.
Помог ты - помогут тебе!
|
| |||