Техническая поддержка SpyBB |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Техническая поддержка SpyBB » Вопросы по устройству форума » Вопросы от новичков - 2
СПАСИБО
И плиз помогите ещё раз
Я хочу что бы получилось вот такая объява:
А у меня получается вот такая белеберода:
что мне делать?
P.S. При нажатии на картинки "Банеры" "Дата" "Новое" - выходят выплывающие окна...
Отредактировано Кэти (27 Окт 2010 20:37:13)
Кэти, ну нужно задать для объектов уникальные id, потом в HTML-верх добавлять для каждого из них
<style type="text/css">
#id_элемента {
position: absolute;
top: YYpx; /*Положение верхнего края элемента*/
left: XXpx; /*Положение левого края элемента*/
}
#id_родительского_элемента {
position: relative;
}
</style>XX и YY подбирать опытным путем.
upd. Поправил код
zloy.MH
а можешь помочь с HTML низ и HTML верх? просто я в этом дуб-дубом(((
Кэти, все просто. Браузер Обрабатывает страницу сверху вниз.
Сначала обрабатывается(и отображается) содержимое HTML-верх, потом видимые объекты форума(шапка, меню навигации, объявление, таблица тем, статистика), и в конце обрабатывается HTML-низ.
Теперь все содержимое можно разбить на три типа: обычный HTML, CSS и JavaScript.
Обычный HTML вставляется по мере надобности как в верх так и в низ, тут все зависит от того, что вы хотите увидеть.
СSS - таблицы стилей нужно вставлять в HTML-верх. Браузер будет обрабатывать стили прежде чем обрабатывать/отображать содержимое страницы, и все объекты будут отображаться с учетом стилей прописанных в HTML-верх.
(Если стили прописывать в HTML-низ и у человека медленный интернет/компьютер, то вид содержимого будет изменятся только после полной загрузки страницы)
JavaScript - скрипты вставляются в HTML-низ(в HTML-верх и Объявление вставляются только по мере надобности и только если это не "тяжелые" скрипты) и, иногда, вставляются в HTML в форме ответа(скрипт срабатывает только на страницах где видна форма ответа).
(В HTML-верх и Объявление не рекомендуются вставлять скрипты ,т.к. пока они не загрузятся и не выполнятся страница дальше грузиться не будет.)
ну вот посмотрите, я сделала в то такие коды, посмотрите что в них не так?
HTML верх
<style>
div .splLink {width: 140px; height: 50px; font-weight: bold; background: transparent;}
.spll {width: 130px; height: 70px; }
.spll div .splCont {height: auto; width: 200px; background: #e5d2a8; padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #002000; font-size: 12px; font-family: Century Gothic; text-align: center;}
</style>HTML низ
<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>Объявление
<div id="pun-announcement" class="section">
<h2><span>Объявление</span></h2>
<div class="container">
<div class="html-box"><br><br><table border=0 width=100%>
<tr>
<td width=40%><center>
<img src=" http://savepic.ru/1934830.png" ><br><br>
<a target="_blank" href=" http://twilightrolka.7il.ru/profile.php?id=2 "><img src=" http://savepic.ru/1920481.jpg " ></a></center></td>
<td>
<center><img src="http://savepic.ru/1911278.png"><br><br></center>
</td></tr></table>
<br><br><br><br><br><center><table style="width: 90%">
<tr>
<td><div class="spll">
<DIV jQuery1259073801391="4"><img src=" http://savepic.ru/1913326.jpg"><div class=splLink href="javscript://" jQuery1259073801391="2">
<div align="center"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
<a href=" http://twilightrolka.7il.ru/"><img src=" http://savepic.ru/1909061.gif" border="0"></a>
</DIV></DIV>
</div></td><td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2">"><img src=" http://savepic.ru/1936865.jpg " >
<div align="center"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
<b>Дата:</b> 2 августа 2010 год; понедельник<br>
Время: 13:00- 18:00- ДЕНЬ<br>
<b>Погода:</b><br>
<b>Форкс и Ла Пуш</b> - Пасмурно, небольшой туман. Северо-западный ветер придает погоде еще более холодную температуру.Температура около + 16. <br>
<b>Вольтерра</b> - В Вольтерре ясно, местные жители проводят время у фонтанов. На улице +35</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV jQuery1259073801391="4"><div class=splLink href="javscript://" jQuery1259073801391="2"><img src=" http://savepic.ru/1926625.jpg " >
<div align="center"></div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont jQuery1259073801391="5">
<font color='#7d1d15' size='3'>Новая акция!</font> Игрок месяца! На это звание будет назначен самый активный участник нашей ролевой! Результаты будут подводиться в первых числах каждого месяца, начиная с января 2010 года! <a href='http://twilightgameforyou.spybb.ru/viewtopic.php?id=670#p4529'>Узнать больше..</a><br><br><font color='#7d1d15' size='3'>Игрок месяца:</font><br><br><center><img src='http://10pix.ru/img1/3922/2105321.jpg'></center></DIV></DIV>
</div></td>
<td><div style="width: 300px; height: 250px; overflow-y: scroll;"><center><font color='#7d1d15' size='3'>WANTED:
<br><br><br>
•клан Калленов<br>
•стая Сема<br>
•клан Вольтури<br>
<br>
<br><br></font></center><center><font color='#7d1d15' size='3'>Для новичоков:</font><br>Если вы впервые собрались играть на ролевом форуме и раньше не встречались с этим, то для вас разработан <a href="http://twilightrolka.7il.ru/viewtopic.php?id=3">следующий раздел.</a><br><br><br><br>
<font color='#7d1d15' size='3'>Требуются:</font><br>клан Калленов! Стая Джейкоба и стая Сэма; клан Волтури. Так же у нас проходит набор в новый
</center></div></td></tr>
</table></center>
<br><br><br><br><br></div>
</div>
</div>
Скрыл код под спойлер.
zloy.MH
Отредактировано Кэти (30 Окт 2010 11:18:35)
Если есть добрые люди, помогите с полным оформлением форума! Пожалуйста!!!
Вот-старался, старался-получилось нечто...
Желательна помощь в создании обьявлении(можно ли его сделать в виде картинки?) и логотипом сайта(картинка не подходит по размеру-съезжает или слишком мала)
Вот адрес форума http://wolfthemoon.rolca.ru/
Расскажите, очень жду!
Заранее спасибо...
Richard
знаешь я делала так: брала бесплатный шаблон какого нибудь сайта который подходил мне по цветам и меняла там картинки (фоновую, иконки и другие)
получилось очень даже ничего, но с объявлением сама мучаюсь
Вот если хочешь посмотри: http://twilightrolka.7il.ru/
Кэти
Спасибо за совет, но где брать эти шаблоны? И как применять?
***
Вот, я скачал -- шаблон. Пришла зип-папка. Распаковал, а там файлы. Что с ними делать дальше?
Не оверпостите! Используйте кнопку Редактировать внизу сообщения.
zloy.MH
Richard
А откуда вы скачивали шаблон?
Ириния, я скачивал вот с этого сайта http://www.templater.ru/support/free_templates.aspx
Richard
Не слишком много знаю, но боюсь что такие шаблоны не подходят для форума с доменом spybb, mybb или подобных. Я могу кинуть ссылку на подходящие шаблоны.
Вы же, как мне кажется, скачали шаблон с дизайном для сайта. Это немного разные вещи. Хотя возможно я не права - подождите более опытных пользователей.
Правда вы можете через администрирование-стиль попробовать используя скаченные картинки и основу попробовать создать похожий стиль. Но если у вас нет опыта, я бы не советовала. Почитайте FAQ по дизайну форума в CSS и пройдите по вот этой ссылке: http://ibtek.ru/mybb/ - это конструктор дизайнов.
Iriniya
Ммм...Возможно, но мне кажется,что 5 снизу подошел бы. Там даже инструкция есть-"залить на сервер", но я пооолный делетант в этом вопросе и, как туда что-то"заливать" не знаю.
За ссылку спасибо) Это как мозаика-от верхнего до нижнего тега все примерять и подствалять...
А, простите, у Вас есть форум и чему он посвящен?
"Мой"(делаю кузэну в подарок) вот - http://wolfthemoon.rolca.ru/
Так вот, я его делаю, делаю, только все разкурочил, так, что стиль только такой, и как его не меняй, все едино)*жжжудко стыдно*
Но с Вашей ссылкой, я точно знаю, всё получится)
Кэти, элементы, которые вы хотите позиционировать нужно было помещать в одну ячейку и дальше использовать код, который я давал вам выше.
Позиционирование. Вставляется в HTML-верх. Вам остается только подогнать под ваш форум и желания.
Код:<style type="text/css"> #pp1 { position: absolute; top: 90px; /*Положение верхнего края элемента*/ left: 0px; /*Положение левого края элемента*/ } #pp2 { position: absolute; top: 0px; /*Положение верхнего края элемента*/ left: 185px; /*Положение левого края элемента*/ } #pp3 { position: absolute; top: 90px; /*Положение верхнего края элемента*/ left: 370px; /*Положение левого края элемента*/ } </style>Объявление(исправлено)
Код:<table border=0 width=100%> <tr> <td width=40%><center> <img src=" http://savepic.ru/1934830.png" ><br><br> <a target="_blank" href=" http://twilightrolka.7il.ru/profile.php?id=2 "><img src=" http://savepic.ru/1920481.jpg " ></a> </center></td> <td> <center><img src="http://savepic.ru/1911278.png"><br><br> </center> </td></tr></table> <center><table style="width: 90%"> <tr> <td style="position: relative;"> <div class="spll" id="pp1"> <div jQuery1259073801391="4"> <img src=" http://savepic.ru/1913326.jpg"> <div class="splLink" href="javscript://" jQuery1259073801391="2"> <div align="center"></div> <div style="DISPLAY: none; position: absolute;" class="splCont" jQuery1259073801391="5"> <a href=" http://twilightrolka.7il.ru/"><img src=" http://savepic.ru/1909061.gif" border="0"></a> </div></div> </div> </div> <div class="spll" id="pp2"> <div jQuery1259073801391="4"> <div class=splLink href="javscript://" jQuery1259073801391="2"> <img src=" http://savepic.ru/1936865.jpg " > <div align="center"></div> <div style="DISPLAY: none; position: absolute;" class="splCont" jQuery1259073801391="5"> <b>Дата:</b> 2 августа 2010 год; понедельник<br> Время: 13:00- 18:00- ДЕНЬ<br> <b>Погода:</b><br> <b>Форкс и Ла Пуш</b> - Пасмурно, небольшой туман. Северо-западный ветер придает погоде еще более холодную температуру.Температура около + 16. <br> <b>Вольтерра</b> - В Вольтерре ясно, местные жители проводят время у фонтанов. На улице +35 </div> </div> </div> </div> <div class="spll" id="pp3"> <div jQuery1259073801391="4"> <div class="splLink" href="javscript://" jQuery1259073801391="2"> <img src=" http://savepic.ru/1926625.jpg " > <div align="center"></div> <div style="DISPLAY: none; position: absolute;" class="splCont" jQuery1259073801391="5"> <font color='#7d1d15' size='3'>Новая акция!</font> Игрок месяца! На это звание будет назначен самый активный участник нашей ролевой! Результаты будут подводиться в первых числах каждого месяца, начиная с января 2010 года! <a href='http://twilightgameforyou.spybb.ru/viewtopic.php?id=670#p4529'>Узнать больше..</a><br><br><font color='#7d1d15' size='3'>Игрок месяца:</font><br><br><center><img src='http://10pix.ru/img1/3922/2105321.jpg'></center> </div> </div> </div> </div> </td> <td width="300"> <div style="width: 300px; height: 250px; overflow-y: scroll;"><center><font color='#7d1d15' size='3'>WANTED: <br><br><br> •клан Калленов<br> •стая Сема<br> •клан Вольтури<br> <br> <br><br></font></center><center><font color='#7d1d15' size='3'>Для новичоков:</font><br>Если вы впервые собрались играть на ролевом форуме и раньше не встречались с этим, то для вас разработан <a href="http://twilightrolka.7il.ru/viewtopic.php?id=3">следующий раздел.</a><br><br><br><br> <font color='#7d1d15' size='3'>Требуются:</font><br>клан Калленов! Стая Джейкоба и стая Сэма; клан Волтури. Так же у нас проходит набор в новый </center></div></td> </tr> </table></center>
С работоспособностью скрипта вам придется разбираться самостоятельно. Главное внимательно прочитайте мануал.
Здравствуйте, а можно ли как-нибудь сделать, чтобы пользователь сам себе изменил стиль форума из серии Mybb и т.д. У меня стоит "Свой стиль" и поэтому не получается, можно ли как-нибудь это исправить??
Eclipse, вероятней всего, такой возможности нет. Иначе просто отпадает необходимость в "Своем стиле", если народ будет выбирать себе стили.
Можете попробовать задать этот вопрос на ЕТП.
Здравствуйте, у меня опять проблема...
В подписи пользователей не вставляется изображение...Вместо него, только ссылка.
Допустим, если нужно вставить это
[взломанный сайт]
получается это
http://smajliki.ru/smilie-905716743.html][IMG]http://s15.rimg.info/36cd2cdf76b2bc93148b7e462b9325d7.gif
с сылкой всё в порядке, она работает на других форумах.
Что делать?
Richard
заходишь Администрирование - Права - Подписи - Изображения в подпись
щас я тебе всё сделаю
Richard, у вас на форуме запрещены изображение в подписи.
Чтобы их отобразить зайдите в Администрирование -> Права -> Подпись и выберите пункт Да в Изображение в подписи
Спасибо,zloy.MH
Хорошо, что на каждый мой глупый вопрос, у вас есть хороший ответ 
***
Здрасте, это опять я...
Как сделать трех колоночное объявление типа
...для этого нужно вставить таблицу или что?
если таблицу, то какую? если можно код, а то я совсем запутался 
Не оверпостите! Используйте кнопку Редактировать внизу сообщения.
Следующее предупреждение будет в профиле!
zloy.MH
Отредактировано Richard (5 Ноя 2010 12:56:10)
Richard, вы все правильно думаете. Вам сюда Таблицы на заказ 5
| Вопросы от новичков. | Архив | 12 Апр 2010 |
| Оформление,вопросы от новичка. | Корзина | 2 Май 2009 |
| Вопросы\Ошибки скриптов | Скрипты | 19 Апр 2012 |
| Вопросы от чайников | Архив | 24 Янв 2010 |
| Вопросы/предложения по сервису SpyBB | Комментарии и предложения | 26 Мар 2024 |
Вы здесь » Техническая поддержка SpyBB » Вопросы по устройству форума » Вопросы от новичков - 2