|
|
Модератор форума: Samuel |
Форум » uCoz » Помощь по HTML и CSS » Помогите плиз |
Помогите плиз |
off-line Добавлено: 2012-Ноя-20 - 22:12 | Сообщение #1
У меня на сайте 1 контейнер , вот скрин :
http://s16.radikal.ru/i190/1211/a8/7330d30982b0.jpg А как мне сделать 2 контейнера с Правой стороны стороны.? HTML конструктора: Code <html> <head> <title>[TITLE]</title> <link type="text/css" rel="StyleSheet" href="[CSS_URL]" /> </head> <body> <div id="wrapper"> <!-- <header> --> <ul id="menu_h" align="center"> <li><a class="menu_h_a" href="/">Главная</a> •</li> <li><a class="menu_h_a" href="/forum">Форум</a> •</li> <li><a class="menu_h_a" href="/forum/0-0-1-34">Новые сообщения</a> •</li> <?if($USER_LOGGED_IN$)?> <li><a class="menu_h_a" href="$PERSONAL_PAGE_LINK$">Профиль</a></li> <?else?> <li><a class="menu_h_a" href="$LOGIN_LINK$">Вход</a> • </li> <li><a class="menu_h_a" href="$REGISTER_LINK$">Регистрация</a></li> <?endif?> </ul> <table width="100%" cellspacing="0" cellpadding="0" id="header"> <tbody><tr> <td><div id="logo"></div></td> <td><a href="http://rurip.ru/"><img src="http://rurip.ru/banner/big_banner_3.gif" border="0" title="Рип студия | Рип шаблона | Рип скрипта" width="468" height="60"></a></td> </tr> </tbody></table> <!-- </header> --> <!-- <middle> --> <div id="main"> <div id="middle"> <div id="container"> <div id="content" style="float:left;"> [BODY] </div><!-- #content--> </div><!-- #container--> <div class="sidebar" id="sideRight"> <!-- <container> --><!-- <block> --> <div class="BlockTitlle">TITLE</div> <div class="BlockCont" style="padding:0px;">CONTENT</div> <div style="padding:5px"></div><!-- </block> --><!-- </container> --> </div> </div> <!-- </middle> --> </div></div> <!-- <footer> --><table id="footer" width="100%" cellspacing="0" cellpadding="0"> <tr> <td width="200px"><div id="text1">При Копировании материалов,<br>ссылка на сайт ОБЯЗАТЕЛЬНА!<br>© uWnd.ru<br>Все права защищены!</div></td> <td><img src="/images/razdk.png"></td> <noindex><td><span id="banners"><center>Баннеры<br><img src="/images/nobanner.png"><img src="/images/nobanner.png"><img src="/images/nobanner.png"><img src="/images/nobanner.png"></center></span></td></noindex> <td><img src="/images/razdk.png"></td> <td><div style="margin-top:-60px;margin-left:-15px;"><img src="/images/copy.png"></div><div style="margin-top:25px;margin-left:35%;color:#e1e1e1;"><noindex>$POWERED_BY$</noindex></div></td> </tr> </table> <script> function uwnd_options(){ new _uWnd("uwnd_options","uWnd options",500,300,{autosize:1,align:0},"<fieldset><legend>Как использовать?</legend>new _uWnd("name","title",200,100,{А вот тут опции},"контент");<hr>Используются через запятую, вида: <i>параметр:значение,</i></fieldset><fieldset><legend>Параметры</legend><b>autosize</b> <small>/0;1/</small> - автоопределение размеров.<br><b>autosizewidth</b> <small>/0;1/</small> - автоопределение ширины.<br><b>autosizeonimages</b> <small>/0;1/</small> - автоматическое изменение размеров после загрузки картинки.<br><b>waitimagess</b> <small>/0;1/</small> - ждать загрузки всех картинок.<br><b>hideonresize</b> <small>/0;1/</small> - скрывать содержимое при изменении размеров окна.<br><b>markload</b> <small>/'текст'/</small> - текст загрузки.<br><b>align</b> <small>/0;1/</small> - выравнивание.<br><b>shadow</b> <small>/0;1/</small> - тень.<br><b>header</b> <small>/0;1/</small> - отображать шапку.<br><b>min</b> <small>/0;1/</small> - отображать ли кнопку Minimize (свернуть).<br><b>max</b> <small>/0;1/</small> - отображать ли кнопку Maximize (развернуть).<br><b>close</b> <small>/0;1/</small> - отображать ли кнопку Close (закрыть).</fieldset><fieldset>Еще не все :D</fieldset>"); } function that_is_it() { new _uWnd('uwnd_ru11','uWnd - that is it?',400,200,{autosize:1,align:0},'<fieldset><legend>Что это?</legend>uWnd - название ucozoвских ajax окон. uWnd - уникальные Ajax окна системы uCoz, неимеющие аналогов.</fieldset><fieldset><legend>Как создать? <small>/простое окно/</small></legend><i><script type="text/javascript"><br>function uwnd_funk(){<br>new _uWnd("name","title",200,100,{modal:1},"контент");<br>} //by uwnd.ru<br></script><br><a href="javascript:uwnd_funk()">Ссылка</a></i><hr><b>uwnd_funk</b> - название функции<br><b>200,100,</b> - высота и ширина окошка<br><b>{modal:1}</b> - опции окошка <small>/через запятую/</small><br><b>"контент"</b> - содержимое окна</fieldset><fieldset><legend>Как создать? <small>/более функциональное окно/</small></legend><i><script type="text/javascript"><br>function uwnd_funk(){<br>new _uWnd("name","title",200,100,{modal:1},$("#uwnd_funk").html());<br>} //by uwnd.ru<br></script><br><a href="javascript:uwnd_funk()">Ссылка</a><br><div style="display:none" id="uwnd_funk">контент</div></i><hr><b>#uwnd_funk</b> - Div ID источник контента</fieldset>'); } function uwnd_alert(){ new _uWnd('uwnd_alert2','_uWnd.alert - how made?',400,200,{autosize:1,align:0},'<fieldset><legend>Что это?</legend>_uWnd.alert - диалоговое окно от uCoz.</fieldset><fieldset><legend>Как создать? <small>/простое окно/</small></legend><i>_uWnd.alert("Тест простого окошка <img src="http://s103.ucoz.net/sm/23/biggrin.gif" border="0" align="absmiddle" alt="biggrin" /> ");</i><hr><a href="javascript:uwnd_alert_test1()">Хочу проверить :D</a></fieldset><fieldset><legend>Как создать? <small>/более функциональное окно/</small></legend><i>_uWnd.alert("контент","Титл окошка",{w: 270,h: 70,t: 8000});<hr><b>w: 270</b> - ширина<br><b>h: 70</b> - длинна<br><b>t: 8000</b> - время<hr><a href="javascript:uwnd_alert_test2()">Хочу проверить :D</a></fieldset>'); } function uwnd_alert_test1(){ _uWnd.alert("Тест простого окошка <img src="http://s103.ucoz.net/sm/23/biggrin.gif" border="0" align="absmiddle" alt="biggrin" /> "); } function uwnd_alert_test2(){ _uWnd.alert('<font color="green">Оо даже хтмл теги работают :D</font>','Титл окошка',{w: 270,h: 70,t: 8000}); } </script><!-- </footer> --> $GLOBAL_PROFILE$ </body> </html> <!-- <popup> --><!-- </popup> --> CSS: Code /* Вид сообщений форума от uSite.su */ a.RepUsee:link, a.RepMidd:active, a.RepMidd:visited {text-decoration:none; color:#888; font-size:11px; font-family:tahoma;} a.RepUsee:hover {text-decoration:none; color:#888; font-size:11px; font-family:tahoma;} a.RepUsee div.RepUse {border:1px solid #ccc; background:#f7f7f7; padding:2px 5px 2px 5px; text-align:center; text-shadow:0px 1px 0px #fff; -webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;} a.RepUsee div.RepUse:hover {background:#fff; text-shadow:0px 1px 0px #fff;} a.RepViss:link, a.RepViss:active, a.RepViss:visited {text-decoration:none; color:#888; font-size:11px; font-family:tahoma;} a.RepViss:hover {text-decoration:none; color:#888; font-size:11px; font-family:tahoma;} a.RepNizz:link, a.RepNizz:active, a.RepNizz:visited {text-decoration:none; color:#888; font-size:11px; font-family:tahoma;} a.RepNizz:hover {text-decoration:none; color:#888; font-size:11px; font-family:tahoma;} a.RepMidd:link, a.RepMidd:active, a.RepMidd:visited {text-decoration:none; color:#888; font-size:11px; font-family:tahoma;} a.RepMidd:hover {text-decoration:none; color:#888; font-size:11px; font-family:tahoma;} a.RepViss div.RepVis {border:1px solid #ccc; border-left:0px; background:#f7f7f7; color:#888; font-weight:bold; padding:2px 6px 2px 4px; text-align:center; text-shadow:0px 1px 0px #fff; -webkit-border-top-right-radius:9px;-webkit-border-bottom-right-radius:9px;-moz-border-radius-topright:9px;-moz-border-radius-bottomright:9px;border-top-right-radius:9px;border-bottom-right-radius:9px;} a.RepViss div.RepVis:hover {background:#1d9808; color:#fff; text-shadow:0px 1px 0px rgba(0,0,0,0.35);} a.RepNizz div.RepNiz {border:1px solid #ccc; border-right:0px; background:#f7f7f7; color:#888; font-weight:bold; padding:2px 4px 2px 6px; text-align:center; text-shadow:0px 1px 0px #fff; -webkit-border-top-left-radius:9px;-webkit-border-bottom-left-radius:9px;-moz-border-radius-topleft:9px;-moz-border-radius-bottomleft:9px;border-top-left-radius:9px;border-bottom-left-radius:9px;} a.RepNizz div.RepNiz:hover {background:#c31313; color:#fff; text-shadow:0px 1px 0px rgba(0,0,0,0.35);} a.RepMidd div.RepMid {border:1px solid #ccc; border-right:0px; border-left:0px; background:#f7f7f7; padding:2px 5px 2px 5px; text-align:center; text-shadow:0px 1px 0px #fff;} a.RepMidd div.RepMid:hover {background:#fff; text-shadow:0px 1px 0px #fff;} .postTable {border:1px solid #ccc; background:#f3f3f3; margin-top:5px; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} a.postUser:link, a.postUser:active, a.postUser:visited {text-decoration:none; font-weight:normal; font-size:11px; font-family:tahoma; color:#e8e8e8; text-shadow:1px 1px 0px #fff;} a.postUser:hover {text-decoration:none; font-weight:normal; font-size:11px; font-family:tahoma; color:#555;} a.postUser div {border:1px solid #ccc; background:#f7f7f7; color:#666; padding:1px 4px 2px 4px; text-align:center; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} a.postUser div:hover {background:#fff; border:1px solid #c7c7c7;} .postFirst, .postRest1, .postRest2 {background:transparent;} .postSeparator {height:1px;background:transparent;} .infuserF {padding:3px 5px 4px 5px; background:#f1f1f1; text-shadow:0px 1px 0px #fff; font-size:11px; font-family:tahoma; color:#888; text-align:center;} .posttdMessage {padding:5px 5px 5px 2px; font-size:11px; font-family:tahoma; color:#555; text-shadow:0px 1px 0px #fff;} .posttdMessage img {max-width:680px;} .WrapInfo {border:1px solid #fff; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .WrapInfo2 {border:1px solid #ccc; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .postTdTop {border:1px solid #fff; border-top:0px; -webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;} .postTdTop2 {border:1px solid #ccc; border-top:0px; padding:5px 5px; font-size:11px; font-family:tahoma; color:#7d7d7d; -webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;} .postTdTop2 a {font-weight:bold; text-decoration:none; font-size:10px; font-family:verdana;} /* ---------- */ /* Информер коментариев */ .osninf {padding:8px;border-bottom:1px solid #d2d2d2;} .inftitl b, .osninf b {color:#828387;} .inftitl a:link, .inftitl a:visited, .inftitl a:active {color: #fff;font-family: arial;font-weight: bold;text-decoration: none;line-height: 16px;} .inftitl a:hover {color: #000000;font-family: arial;font-weight: bold;text-decoration: none;line-height: 16px;border-bottom: 1px dashed #3e73b9;} .infmes {border:1px dashed #b2b2b2;margin:4px 0 3px 0;padding:5px;background:#fff;font-size:8pt; color:#828282;} /* ------------- */ a {color: #4975a5;text-shadow: 0px 1px 0px #e1e1e1;} a:hover {color: #4975a5;text-decoration:none;} body {background: url('/images/body.png') top right no-repeat #e0eaf5;padding: 0;margin:0;font-size: 11px;font-family: verdana;} td {font-size: 11px;font-family: verdana;padding: 0;margin:0;} #sideRight {float: right; width: 250px; position: relative;} #wrapper {width: 830px;margin: 0 auto;} input {border: 1px solid #DCDCDC;} .bbCodeName {display:none;} .gTableLeft {background-color: #fff;} .gTableRight {padding:2px 2px 2px 2px;} #message {background:#f7f7f7 url('/images/main_top_gradient.png') repeat-x top; border:1px solid #ccc; } .forumvd {background:#F8F7F6; border:1px solid #E6E6E6;font-size:11px;padding:3px;margin:3px;background-color:#fff;} .forumvd:hover {background:#F8F7F6; border:1px solid #d6d4d4;font-size:11px;padding:3px;margin:3px;background-color:#ff;} #menu_h {background: url('/images/menu_h.png') repeat-x; height: 23px;margin:0;border: 1px solid #79afe5;border-top: none;border-radius: 0px 0px 15px 15px;box-shadow: 1px 1px 0px #e6f0fa;} #menu_h li {overflow: hidden;list-style:none;float:left;margin-right: 6px;color: #8dbbeb;text-shadow: 0px 1px 0px #fff;font-size: 13px;padding-top: 2px;margin-left: 3px;display:inline-block;} #menu_h li a {color: #8dbbeb;text-shadow: 0px 1px 0px #fff;text-decoration:none;} #menu_h li a:hover {color: #8dbbeb;text-shadow: 0px 1px 0px #fff;text-decoration:underline;} #header {padding: 5px 10px;} .forumIcoTd {padding:4px 4px 4px 4px} a.Smenu_link:link, a.Smenu_link:visited, a.Smenu_link:active {text-align:left;text-decoration:none; color:#555; display:block; background:#f5f3f3; padding:4px 5px;} a.Smenu_link:hover {text-decoration:none; color:#333; display:block; background:#fff; padding:4px 5px;} .BlockTitlle {text-align:left;border:1px solid #ccc; background:#e3e3e3 url('/images/white_grad.png') repeat-x 0 0; font-size:11px; font-family:tahoma; color:#777; font-weight:bold; padding:5px 7px 5px 7px; text-shadow:#fff 0px 1px 0px;} .BlockCont {text-align:left;border:1px solid #ccc; border-top:0px solid #cccccc; background:#fff; padding:5px; font-size:11px; font-family:tahoma; color:#666;} #header #logo {background: url('/images/logo.png');height: 93px;width: 263px;} #main {background-color:#fff; height:auto !important; overflow:hidden; border-radius: 7px;padding: 8px;box-shadow: 0px 0px 1px #fff inset;border: 1px solid #79afe5} #footer {margin-top:70px;width:100%; color:#e1e1e1; height:79px; font-size:8pt; background: url('/images/footer.png') repeat-x;} #text1 {padding-left:10px; padding-top:-1px; color:#e1e1e1;float:left;} #razd {width:37px; height:79px; background: url('/images/razdk.png') no-repeat;} #banners {color:#e1e1e1;margin-left:30px;} #powered {margin-top:25px;margin-left:35%;color:#e1e1e1;} #powered a {color:#e1e1e1;} .EntryLine {border:1px solid #ccc; background:#f3f3f3; padding:4px 5px; color:#444; text-shadow: 0px 1px 0px #fff;} #banners img {padding-right:10px; padding-left:10px; padding-top:10px;} #text2 {width:200px;color:#e1e1e1;float:right;margin-top:-12px;margin-right:7px;} #entry {margin-bottom: 10px;width: 545px;margin-right: 10px;background-color: #f0f1f2;padding: 0;box-shadow: 0px 0px 3px #c8c8c8;border: 2px solid #dfeaf6;border-radius: 4px;} #entry #title {box-shadow: 0px 1px 0px #d9e8f7;padding: 4px;color: #888787;text-shadow: 0px 1px 0px #d8e7f6;border-bottom: 1px solid #cccccc;} #entry #screen_mes {padding: 4px;color: #888787;text-shadow: 0px 1px 0px #d8e7f6;} #screen_mes img {border: 4px solid #cccccc;width:116px;height:87px;border-radius: 4px;} #entry #info {margin-top: 8px;box-shadow: 0px 1px 0px #d9e8f7;padding: 4px;color: #888787;text-shadow: 0px 1px 0px #d8e7f6;border-top: 1px solid #cccccc;} .bbCodeBlock {border:1px solid #080808; margin:2px 0px; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;} .bbCodeName {display:none;} .codeMessage {color:#f8f8f8; background:#8b332f; font-size:12px; font-family:Courier new; border:1px solid #c54d47 !important; padding:5px; margin-top:1px; text-shadow:1px 1px 0px #4f0e0c !important; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;} .bbQuoteBlock {border:1px solid #080808; margin:2px 0px; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;} .bbQuoteName {display:none;} .quoteMessage {color:#f8f8f8; font-size:11px; font-family:tahoma; background:#4d8633; border:1px solid #71bf4d !important; padding:5px; text-shadow:1px 1px 0px #2d5a18 !important; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;} |
off-line Добавлено: 2012-Ноя-20 - 22:46 | Сообщение #2
suglobovwlad, это порой не так уже и просто, надо видеть что меняешь, это возможно, но еще раз говорю что нужно видеть что меняешь...
• Дьявольское число сообщений на форуме преодолено (666+) |
off-line Добавлено: 2012-Ноя-20 - 23:14 | Сообщение #3
Mihail, это рип шаблона uwnd , скачай , он в паблике
|
| |||
| |||