страшная проблема, сделала диз, но в браузерах он по разному((
http://rts.rusff.ru/
опера
ИЕ
короче все сьехало вправо=((
даже внизу где зарег. пользователи
Отредактировано janyst (Пт, 9 Мар 2012 22:07:17)
Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Корзина » Общие вопросы по оформлению (41)
страшная проблема, сделала диз, но в браузерах он по разному((
http://rts.rusff.ru/
опера
ИЕ
короче все сьехало вправо=((
даже внизу где зарег. пользователи
Отредактировано janyst (Пт, 9 Мар 2012 22:07:17)
janyst
Заменить HTML верх - не пробовали ?
<!-- Cтрелочки -Вверх вниз страницы --> <div style="position:fixed;z-index:1003; right :5%; bottom: 25%;"> <a href="#top" onclick="scrollTo(0,0); return false;" title="Вверх страницы"> <img src="https://forumstatic.ru/files/0010/ff/82/82163.png" alt="Вверх страницы"/> </a> <br/> <br/> <a href="#top" onclick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы"> <img src="https://forumstatic.ru/files/0010/ff/82/12145.png" alt="Вниз страницы"/> </a> </div><!--Конец Cтрелочки --> <style> #pun-navlinks .container,#pun-ulinks .container {text-align: center;} </style> <style type="text/css"> #pun-main .quote-box, #pun-main .code-box {background-color: #e5d087; width: 400px}</style> <style> .punbb .quote-box, .punbb .code-box { border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; box-shadow: 0px 5px 1px #583a1c; -webkit-box-shadow:0px 3px 1px #583a1c; -khtml-box-shadow:0px 3px 1px #583a1c; -moz-box-shadow:0px 3px 1px #583a1c; } </style> <style> .punbb {font-size: 10px;} </style> <style> /*Рекламный Банер*/ #pun-title td.title-logo-tdr { width:400px; display:block!important; position:absolute!important; top:516px!important; left:50%!important; z-index:1000!important; margin-left:-375px!important; } .mybb_bs1 { filter: alpha(opacity=50) !important; opacity: 0.5 !important; -moz-opacity: 0.5 !important; -khtml-opacity: 0.5 !important; } .mybb_bs1:hover { filter: alpha(opacity=100) !important; opacity: 1.0 !important; -moz-opacity: 1.0 !important; -khtml-opacity: 1.0 !important; } </style> <script type="text/javascript"> $(document).ready(function() { document.getElementById("title-logo-tdr").innerHTML = "<div class='mybb_bs1'>" + document.getElementById("title-logo-tdr").innerHTML + "</div>"; document.getElementById("tieser-bottom").innerHTML = "<div class='mybb_bs1'>" + document.getElementById("tieser-bottom").innerHTML + "</div>"; }); </script> <style type="text/css"> .punbb .main .container, .punbb td.tc3, .punbb .section .container,punbb td.tc2,.punbb td.tcr,#pun .tc2, #pun-title .title-logo, #pun-title table, #pun-main h1,#pun-stats h2, #pun th, #pun-main .post h3 span, #pun-main .post h3, #pun-navlinks .container, #pun-main .post-body, #pun-main .formal textarea {background-color: transparent; } </style> <style type="text/css"> HTML, BODY {background-image: url("https://forumstatic.ru/files/0011/27/8a/48930.png"); background-color:transparent; background-position:center top; } </style> <style type="text/css"> #pun-title table {background-image : url("https://forumstatic.ru/files/0011/27/8a/71396.png"); background-repeat : no-repeat; height : 400px; } #pun-title { margin-left:7px; } </style> <style type="text/css"> #pun-title .title-logo span {display: none;} </style> <style> #pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; right: 10px; top: 230px } </style>
Deff
а теперь как-то слегка форум за рамки выходит и лого в правой части немного закрылось основной рамкой
janyst
Вы жа дизайн делали... я ток правлю
<!-- Cтрелочки -Вверх вниз страницы --> <div style="position:fixed;z-index:1003; right :5%; bottom: 25%;"> <a href="#top" onclick="scrollTo(0,0); return false;" title="Вверх страницы"> <img src="https://forumstatic.ru/files/0010/ff/82/82163.png" alt="Вверх страницы"/> </a> <br/> <br/> <a href="#top" onclick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы"> <img src="https://forumstatic.ru/files/0010/ff/82/12145.png" alt="Вниз страницы"/> </a> </div><!--Конец Cтрелочки --> <style> #pun-navlinks .container,#pun-ulinks .container {text-align: center;} </style> <style type="text/css"> #pun-main .quote-box, #pun-main .code-box {background-color: #e5d087; width: 400px}</style> <style> .punbb .quote-box, .punbb .code-box { border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; box-shadow: 0px 5px 1px #583a1c; -webkit-box-shadow:0px 3px 1px #583a1c; -khtml-box-shadow:0px 3px 1px #583a1c; -moz-box-shadow:0px 3px 1px #583a1c; } </style> <style> .punbb {font-size: 10px; margin-left:12px; } </style> <style> /*Рекламный Банер*/ #pun-title td.title-logo-tdr { width:400px; display:block!important; position:absolute!important; top:516px!important; left:50%!important; z-index:1000!important; margin-left:-375px!important; } .mybb_bs1 { filter: alpha(opacity=50) !important; opacity: 0.5 !important; -moz-opacity: 0.5 !important; -khtml-opacity: 0.5 !important; } .mybb_bs1:hover { filter: alpha(opacity=100) !important; opacity: 1.0 !important; -moz-opacity: 1.0 !important; -khtml-opacity: 1.0 !important; } </style> <script type="text/javascript"> $(document).ready(function() { document.getElementById("title-logo-tdr").innerHTML = "<div class='mybb_bs1'>" + document.getElementById("title-logo-tdr").innerHTML + "</div>"; document.getElementById("tieser-bottom").innerHTML = "<div class='mybb_bs1'>" + document.getElementById("tieser-bottom").innerHTML + "</div>"; }); </script> <style type="text/css"> .punbb .main .container, .punbb td.tc3, .punbb .section .container,punbb td.tc2,.punbb td.tcr,#pun .tc2, #pun-title .title-logo, #pun-title table, #pun-main h1,#pun-stats h2, #pun th, #pun-main .post h3 span, #pun-main .post h3, #pun-navlinks .container, #pun-main .post-body, #pun-main .formal textarea {background-color: transparent; } </style> <style type="text/css"> HTML, BODY {background-image: url("https://forumstatic.ru/files/0011/27/8a/48930.png"); background-color:transparent; background-position:center top; } </style> <style type="text/css"> #pun-title table {background-image : url("https://forumstatic.ru/files/0011/27/8a/71396.png"); background-repeat : no-repeat; height : 400px; } #pun-title { margin-left:-6px; width: 798px; } </style> <style type="text/css"> #pun-title .title-logo span {display: none;} </style> <style> #pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; right: 10px; top: 230px } </style>
Deff
ну я же не такой мастер в кодах как вы спасибо
Добрый вечер. Как поднять, то что показано на картинке? Что нужно изменить в style_cs.css | style.css ?
Добавьте в блок /* D3.1 */ в Первом Окне стиля выделенное жирным - красное - регулируем
/* D3.1 */
#pun-navlinks {
border: none;
margin-top: -120px;;
Здравствуйте
Поставила в объявление скрипт Твиттера, но он криво отображается, твитты заехали на шапку помогите пожалуйста исправить
и если можно увеличить длину прокрутки твиттов, на уровень таблички. Спасибо
Поставила ВВЕРХ: <style type="text/css"> h2.tut {color:#fff; font-size:16px; text-transform:uppercase; padding:12px 0 0 58px;background: royalBlue;-moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; khtml-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; text-shadow: 2px 1px 6px #000000;} #twitter-ticker { width:330px; height:400px; color:#666; display:none; text-align:left; margin:40px auto 20px; background:#f5f5f5; } #tweet-container { height:330px; width:330px; overflow:auto; } #twiticon { position:absolute; top:-25px; left:-10px; width:64px; height:64px; } #loading { margin:100px 95px; } .tweet { border:1px solid #f0f0f0; width:auto; overflow:hidden; margin:8px 8px 0; padding:5px; background:url(img/transparent.png);font-size:0.9em; } .tweet:first-child { margin-top:0; } .tweet .avatar,.tweet .user,.tweet .time { float:left; } .tweet .time { display:block; width:70%; font-size:13px; color:#aaa; white-space:nowrap; } .tweet .avatar img { width:40px; height:40px; border:1px solid #eee; margin:0 5px 5px 0; } .tweet .txt { clear:both; } .tweet .user { font-weight:bold; } </style> ПОСТАВИЛА В ОБЪЯВЛЕНИЕ <!--Твиттер--> <script type="text/javascript"> var tweetUsers = ['адрес']; var buildString = ""; $(document).ready(function(){ $('#twitter-ticker').slideDown('slow'); for(var i=0;i<tweetUsers.length;i++) {if(i!=0) buildString+='+OR+'; buildString+='from:'+tweetUsers[i];} var fileref = document.createElement('script'); fileref.setAttribute("type","text/javascript"); fileref.setAttribute("src", "http://search.twitter.com/search.json?q="+buildString+"&callback=TweetTick&rpp=20"); document.getElementsByTagName("head")[0].appendChild(fileref); }); function TweetTick(ob) { var container=$('#tweet-container'); container.html(''); $(ob.results).each(function(el){ var str = ' <div class="tweet">\ <div class="avatar"><a href="http://twitter.com/'+this.from_user+'" target="_blank"><img src="'+this.profile_image_url+'" alt="'+this.from_user+'" /></a></div>\ <div class="user"><a href="http://twitter.com/'+this.from_user+'" target="_blank">'+this.from_user+'</a></div>\ <div class="time">'+relativeTime(this.created_at)+'</div>\ <div class="txt">'+formatTwitString(this.text)+'</div>\ </div>'; container.append(str); });} function formatTwitString(str) { str=' '+str; str = str.replace(/((ftp|https?):\/\/([-\w\.]+)+(:\d+)?(\/([\w/_\.]*(\?\S+)?)?)?)/gm,'<a href="$1" target="_blank">$1</a>'); str = str.replace(/([^\w])\@([\w\-]+)/gm,'$1@<a href="http://twitter.com/$2" target="_blank">$2</a>'); str = str.replace(/([^\w])\#([\w\-]+)/gm,'$1<a href="http://twitter.com/search?q=%23$2" target="_blank">#$2</a>'); return str;} function relativeTime(pastTime) {var origStamp = Date.parse(pastTime); var curDate = new Date(); var currentStamp = curDate.getTime(); var difference = parseInt((currentStamp - origStamp)/1000); if(difference < 0) return false; if(difference <= 5)return "Just now"; if(difference <= 20)return "Seconds ago"; if(difference <= 60)return "A minute ago"; if(difference < 3600)return parseInt(difference/60)+" minutes ago"; if(difference <= 1.5*3600) return "One hour ago"; if(difference < 23.5*3600) return Math.round(difference/3600)+" hours ago"; if(difference < 1.5*24*3600) return "One day ago"; var dateArr = pastTime.split(' '); return dateArr[4].replace(/\:\d+$/,'')+' '+dateArr[2]+' '+dateArr[1]+(dateArr[3]!=curDate.getFullYear()?' '+dateArr[3]:'');} </script> <div id="twitter-ticker"> <!-- Контейнер для заголовка и иконки --> <div id="top-bar"> <div id="twitIcon"><img src="http://womtec.ru/wp-content/example/twitter-feed/img/womtec.png" width="64" height="64" alt="Twitter" style="float: left;" /></div> <h2 class="tut">Твитты</h2> </div> <!-- Контейнер с картиной загрузки, которая исчезает после загрузки твиттов --> <div id="tweet-container"> <img id="loading" src="http://womtec.ru/wp-content/example/twitter-feed/img/loading.gif" width="16" height="11" alt="Loading" /> </div></div>
СПАСИБО
Адрес форума:
..........
Отредактировано SvetlanaU (Сб, 10 Мар 2012 02:59:41)
если можно увеличить длину прокрутки твиттов, на уровень таблички. Спасибо
Ура, прокрутку уже нашла, осталась шапка
осталась шапка
Вопрос снят, разобралась сама
И снова здрасте,
как-нить можно убрать нижний блок? выделил его на скрине.
Отредактировано Freddy-Brown (Сб, 10 Мар 2012 13:07:01)
И снова здрасте,
как-нить можно убрать нижний блок? выделил его на скрине.
Подскажите, как убрать шапку между сообщениями и формой ответа?
Здравствуйте.
Возможно ли в названии подфорумов вставить фотографии как здесь? и что б было видно содержание? Ссылка
Отредактировано Goldenlev (Сб, 10 Мар 2012 13:51:57)
Здравствуйте.
Подскажите пожалуйста как поправить вот это (тык)
Очень долго с этим бьюсь уже не знаю что и сделать.
eden
Любые слова не длиннее 180 символов - браузер делает перенос только по пробелам!
Здравствуйте.
Возможно ли в названии подфорумов вставить фотографии как здесь? и что б было видно содержание? Ссылка
Вставляете в Описание
<img src="Ссылка на картинку">
Tiny7
Ccылку на форум
Новая тема: Общие вопросы по оформлению (42)
Отредактировано Deff (Сб, 10 Мар 2012 20:15:37)
eden
Любые слова не длиннее 180 символов - браузер делает перенос только по пробелам!
Извините, но не совсем вас поняла, просто даже если одна буква написана всё вылазит и бесят эти стрелочки сбоку, их не убрать..? ...
Здравствуйте, сорри, не нашла темы другой об оформлении сайта, если есть такие услуги платные наверное по созданию дизайна форума, поскажите куда можно обратиться? http://crowefans.ru/
Общие вопросы по оформлению (65) #2 | Вопросы по оформлению форума | Сегодня |
Общие вопросы по Оформлению | Архив | Ср, 17 Окт 2007 |
Общие вопросы по Оформлению (часть 3) | Архив | Пт, 3 Авг 2007 |
Общие вопросы по оформлению (50) | Архив | Чт, 31 Окт 2013 |
Общие вопросы по оформлению (49) | Архив | Вт, 27 Авг 2013 |
Вы здесь » Единый форум поддержки » Корзина » Общие вопросы по оформлению (41)