Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (53)
Предыдущая тема: Общие вопросы по оформлению (52)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
Здравствуйте! У меня такой вопрос, видел, что это вполне реально сделать. Как сделать картинку обтекаемой текстом в посте? На этот форум: http://countdown.rusff.ru/
Например, картинка слева и текст, обтекающие ее, либо справа, и тоже самое.
доброго вечера.
как можно поставить ограничение по ширине в блоке сообщения? сейчас он, как я понимаю, резиновый, растягивается как хочет. инструмент разработчика выдает, что нужно вписать максимальную ширину в блок post-body, но ни в структуре, ни в хтмл этой строчки нет (проверяла на форуме где нет проблемы). не подскажете, куда это прописать?
ссылка
Доброй ночи,все таки беда. адрес форума http://mindal.mybb.ru/
сейчас вот так выглядит шапка моего форума
к нему стоит вот тако скрипт
<!--ШАПКА ФОРУМА КОНЕЦ-->
<style type="text/css">
#pun-title TABLE {background-image: url(http://uploads.ru/AmHpO.png); background-repeat: no-repeat; height:250px;}
</style>
<!--ШАПКА ФОРУМА КОНЕЦ-->Этот же скрипт но с другой картинкой встает,как надо.
в чем проблема,подскажите,как исправить,плз!
Отредактировано Миндальк@ (Вс, 13 Июл 2014 03:09:01)
Никому передо мной ещё не ответили, поэтому заранее страшно 
Делаю такую форму быстрого входа:
<script id="MylogIn" type="text">
<form id="login" style="top: 109px; margin-left:-360px; position: fixed; text-align: right; width: 384px; height: 260px; background-image: url('http://se.uploads.ru/VnatM.png'); font-family: Arial Black!important;" class="container" method="post" action="/login.php?action=in" onsubmit="return process_form(this)">
<input type="hidden" name="form_sent" value="1" /><input type="hidden" name="redirect_url" value="" /><br/><br/>
<input placeholder="Логин" style="text-align:center;height:30px;font-size:16px" type="text" id="fld1" name="req_username" size="16" maxlength="25" /><br/><br/><br/>
<input placeholder="Пароль" style="text-align:center;height:30px;font-size:16px" type="password" id="fld2" name="req_password" size="16" maxlength="16" /><br/><br/>
<a href="http://cwaw.mybb.ru/register.php" style="color:#FFFFFF; font-family: Times New Roman;">ЗАРЕГИСТРИРУЙТЕСЬ</a><br/><br/>
<button type="submit" style="height: 50px; width: 160px; background-color: #849758; color: #ffffff; font-family: Times New Roman; outline: none; border: none;">ВХОД</button>
</form>
</script>
<script>$(document).ready(function(){if($("#navlogin").length)$(".punbb").prepend($("#MylogIn").text());});</script>
Ну, хочется двинуть основную часть (окошки с логином/паролем и саму кнопку) немного левее, но в скрипте задано положение текста (и элементов) rignt, если переделать на center/left, желаемой постановки не выходит. Вопрос вот в чём - как двинуть весь "контент" с окошками ввода и кнопкой входа на нужное место?
Вот ссылка на тестовик, если необходимо: http://fridays.mybb.ru/
Доброй ночи,все таки беда. адрес форума http://mindal.mybb.ru/
в чем проблема,подскажите,как исправить,плз!
в html верх
<center><img src="http://uploads.ru/AmHpO.png" width="100%" height="238"></center>
Отредактировано MyFF (Вс, 13 Июл 2014 09:42:57)
в html верх
к сожалению(((
вообще вот так стало
убрала
Отредактировано Миндальк@ (Вс, 13 Июл 2014 10:02:59)
Миндальк@ ссылка на картинку http://savepic.net/5935099.png
шапку можно закрепить так
<!--Шапка--><img src="http://savepic.net/5935099.png" width="100%" height="200"><!--Окончание-->
или вот так
<!--Шапка-->
<img id="Mylogo" src="http://savepic.net/5935099.png" />
<style>
#Mylogo {width: 100%; margin: 0 0 -200px 0;}
</style>
<!--Окончание-->Отредактировано MyFF (Вс, 13 Июл 2014 12:52:26)
картинку http
Благодарю безмерно!!!
Скриптик для центра не пригодился,он дал двойную шапку.Убрала и вот результат!
стало еще лучше,чем было!
единственное,при обновлении страницы форум как бы немножечко прыгает.
Миндальк@ 
в html низ
<!--Сужение форума-->
<style>
#pun {
width:90%;
margin:0 auto;
}
<style>
<!--Окончание--><!--Закруглить спойлер-->
<style>
.punbb .post-content .quote-box, .punbb .post-content .code-box {
-moz-border-radius:8px;
-khtml-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
border:1px solid #777777;
}
</style>
<!--Окончание--><!--Закруглить углы-->
<style>
.punbb .main .container,#pun-stats ul.container{
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
border-top-left-radius:0;
border-top-right-radius:0;
border-color:#939191 #939191 #939191;
border-style:solid;
border-width:1px 3px 3px;
}
</style>
<style>
#pun-main h1,#pun-main h2,#pun-stats h2 {
border-bottom-left-radius:0;
border-bottom-right-radius:0;
border-top-left-radius:8px;
border-top-right-radius:8px;
border-color:#939191 #939191 #939191;
border-style:solid;
border-width:3px 3px 0px;
}
</style>
<style>
.punbb .container{
-moz-border-radius:8px;
-khtml-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
border:3px solid #939191;
}
</style>
<!--Окончание-->Отредактировано MyFF (Вс, 13 Июл 2014 11:12:11)
Миндальк@ ссылка на картинку http://savepic.net/5935099.png
хм...а на телефоне выглядит,как у вас....
Миндальк@
в html низ
ставлю
ставлю
классно,но не решает проблемки шапки((( очень хочется,что бы она везде стояла,как влитая...
Миндальк@ в html верх
<script type="text/javascript"><!--Фон -->
var Myimg="<img id=Myimg src=\"http://http://savepic.net/5961725.gif\" style=\"left:0!important;display:block;position:fixed!important;z-index:-1;width: 107%!important;margin: 0 4% 0 -4%;\"/>"
$("#pun").prepend(Myimg);</script>
<style>#Myimg {position:absolute;width:100%!important;height:100%!important;top:-10px!important;}
body{background-image:none;background-color:transparent!important;top:0!important;}
</style><!--end Фон -->картинку фона в коде http://savepic.net/5961725.gif замени на свою
очень хочется,что бы она везде стояла,как влитая...
view-source:http://mindal.mybb.ru/ на ПК шапка отображается корректно, проверил на 4 браузерах, на мобильных телефонах установлены другие браузеры и соответственно другое отображение форума.
view-source:http://mindal.mybb.ru/ на ПК шапка отображается корректно, проверил на 4 браузерах, на мобильных телефонах установлены другие браузеры и соответственно другое отображение форума.
благодарю от души! все теперь суперско!
Приветствую!
Мне нужен код для смены фона на форуме. Чтобы было 4 фона и они менялись в зависимости от установленного времени (например: в 06:00, 12:00, в 18:00, в 24:00).
Ну, хочется двинуть основную часть (окошки с логином/паролем и саму кнопку) немного левее, но в скрипте задано положение текста (и элементов) rignt, если переделать на center/left, желаемой постановки не выходит. Вопрос вот в чём - как двинуть весь "контент" с окошками ввода и кнопкой входа на нужное место?
Вам лучше форму обернуть в див и на него уже повесить фоновую картинку и выставить размер картинки: width: 384px; height: 260px; А форму уменьшить в размере до ширины и высоты Инпутов и отпозиционировать уже внутри блока, ну и фон сделать прозрачным.
Приветствую!
Мне нужен код для смены фона на форуме. Чтобы было 4 фона и они менялись в зависимости от установленного времени (например: в 06:00, 12:00, в 18:00, в 24:00).
<script type="text/javascript">
function change(){
var date = new Date(); // Получаем текущие дату и время
var h = date.getHours(); // Получаем текущий час
if (h > 23 || h <7) {$('#pun_wrap').css('backgroundImage', 'url(Ссылка на картинку)')}
if (h > 6 && h < 12) {$('#pun_wrap').css('backgroundImage', 'url(Ссылка на картинку)')}
if (h > 11 && h < 19) {$('#pun_wrap').css('backgroundImage', 'url(Ссылка на картинку)')}
if (h > 18 && h < 24) {$('#pun_wrap').css('backgroundImage', 'url(Ссылка на картинку)')}
}
$(document).ready(function(){
change();
});
</script>Вместо:
{$('#pun_wrap').css('backgroundImage', 'url(Ссылка на картинку)')}
Вместо красного выставляем селектор на который ставим фон, вместо зеленого ваша картинка..
добрый день!
подскажите, как убрать это огромное расстояние внизу, где футер?
http://whiteteddybear.rusff.ru/
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (53)