..::ФотопоперXD ::.. © Аватарки, обои и прочее... |
|
Добро пожаловать на форум, Гости, вы не видите форум полностью. Зарегестрировшись, вы узнаете много интересного, и можете заказать себе аватар. Так же, мы предоставляем помощь всем, имеющим свой форум. |
|
Администрация: Модераторы\мастера: ведется набор __________________________ Важные ссылки |
|
В данный момент ведется работа над форумом и его содержимом, поэтому крупные заказы пока не принимаем. |
||
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » ..::ФотопоперXD ::.. © Аватарки, обои и прочее... » Дизайн форумов ~BB » Простые и чаще используемые скрипты.
Тут будут скриптики вроде смены иконок новые сообщения/старые сообщения, фон, логотип и прочее, прочее. Вы так же смело выкладывайте=) Помощь зала очень приветствуется=)
Так же, хочу заметить, что при создании всех графических процесс в дизайне форума, вам не обойтись без бесплтного фото-хостинга http://radikal.ru
Все скрипты взяты с форума технической поддержки MyBB.
правда подаю я их по своему.
Иконки
Самый наираспрастранненейший скрипт. Без него просто НИКАК XD
<style type="text/css">
Div.icon {
background-image : url(адрес картинки);
background-repeat: no-repeat;
}
TR.inew Div.icon {
background-image : url(адрес картинки);
background-repeat: no-repeat;
}
TR.isticky Div.icon {
background-image : url(адрес картинки);
background-repeat: no-repeat;
}
TR.iclosed Div.icon {
background-image : url(адрес картинки);
background-repeat: no-repeat;
}
TR.iredirect Div.icon {
background-image : url(фдрес картинки);
background-repeat: no-repeat;
}
</style>Думаю, и так понятно, что и куда. Но на всякий пожарный объясню:
Div. icon - иконка "нет новых сообщений"
TR.inew Div.icon - иконка "есть новые сообщения"
TR.isticky Div.icon - "Важно!"
TR.iclosed Div.icon - "Закрыто"
TR.iredirect Div.icon - иконка перемещенного сообщения.
Если у вас не помещается картинка в окошко для иконки, то надо просто вашу иконку подвести под размер уже имеющуюсих там (родных) иконок. Что бы узнать размер родной картинки, достаточно лишьщелкнуть на родную иконку правой кнопкой мыши и выбрать графу "сохранить фон как" . Выбираете папку, куда сохранить и вуа-ля! Вы можете просто узнать размер картинки и подвести вашу под тот же размер, либо рисовать поверх сохраненной. =) Все гениально и просто=)
Есть так же другой вариант:
#pun-main .category Div.icon {float: left; display: block; border-style: none none none none; height: 52; width: 48;}height - высота картинки; width - ширина
Ставим желаемуюю высоту и ширину вашей картинки, прописываем и ставим данный скрипт между
<style type="text/css"> и Div.icon
Получается так:
<style type="text/css">
#pun-main .category Div.icon {float: left; display: block; border-style: none none none none; height: 52; width: 48;}Div.icon {
background-image : url(адрес картинки);
background-repeat: no-repeat;
}
ЛОГОТИП
Разработка шапки идет двумя спосабами:
Оснавная фоновая картинка со всем нужным и все...
Так же можно сделать фон один и свой маленький логотипчик.
Разберем по порядку!
Самый легкий простой способ (на мое мнение). Из выбранного вами стиля форума, сохраняем фон шапки ( так же, как и иконки, жмякаем правой кнопкой мыши на фон >>> сохранит как фон ) . И творим из сохраненной картинки все, что душе удобно. Но не забываем про рекламный баннер, чтоб он не загораживал нам картинку основательно.
Затем, перегоняем полученный результат через фото-радикал и прописываем скрипт в хтмл-верх.
<style type="text/css">
#pun-title table {background-image: url(код картиинки);}
</style>А для тоого, чтоп стандартный логотип "Mybb - мы создаем общение" не мазолил глазки, прописываем туда же
<style type="text/css">
#pun-title TABLE {background-image: none;}
</style>Готово!!
Получается примерно так:
Видите, рекламный баннер расположен в углу, а вокруг него серая полоса? Это тоже один из приемов скриптов, но об этом позже.
Теперь, другой вариант:
Фон трогать не обязательно, но если вы хотите, то пользуйтесь скриптом
<style type="text/css">
#pun-title table {background-image: url(код картиинки);}
</style>Затем, нарисовав свой логотип, и проматав его через радикал, пользуемся кодом
либо этим <a href="Адрес твоей картинки" target=_blank>
Либо этим
<img id="Mylogo" src="адрес картинки" />
<style type="text/css">
#Mylogo {width: 100%; margin: 0 0 0 0;}
</style>Там, где width: 100% , выбираем ширину логотипчика. 100% - чтоб лого занимал всю ширину шапки.
Расширение окна под аватар.
Ведь бывает такое, что ставишь аватар, а он не помещается... 
<style type="text/css"> #pun-main .post-author ul {width: 200px;}
</style>
Цифру на свою. 
Форум вправо/влево/по центру
<style type="text/css">#pun {margin-left: 0;}</style>
left - влево. right - вправо. center - центрик =)
Фоновая картинка влево/вправо/по центру
<style type="text/css"> body {background: url(ссылка на картинку фона) right;}</style>
left - влево. right - вправо. center - центрик =)
Картинка в форме ответа
<style type="text/css">
.punbb textarea {
background-image: url(ссылка на картинку) ;
}
</style>Замена "мужской/женский" (пол) на картинки
<script type="text/javascript">
var sex=document.getElementById('pun-main').getElementsByTagName("li")
var sx=0
for (sx=0; sx<=(sex.length-1); sx++)
{if (sex[sx].className=="pa-sex")
{if (sex[sx].innerHTML.indexOf("Мужской")!=-1)
{sex[sx].innerHTML="Пол: "+"<img src='мужская картинка' />"}
else if (sex[sx].innerHTML.indexOf("Женский")!=-1)
{sex[sx].innerHTML="Пол: "+"<img src='женская картинка' />"}
}}
</script>
Меняем надписи при регестрации
Вместо "Ник", "Пароль" и прочее, свое 
<script type="text/javascript">
if(document.URL.indexOf("register.php")!=-1){
document.getElementsByTagName("label")[0].innerHTML="Введите ник"
document.getElementsByTagName("label")[1].innerHTML="Введи кодовое слово"
document.getElementsByTagName("label")[2].innerHTML="Повтори кодовое слово"
document.getElementsByTagName("label")[3].innerHTML="Дай свой e-mail"
}
</script>Вы здесь » ..::ФотопоперXD ::.. © Аватарки, обои и прочее... » Дизайн форумов ~BB » Простые и чаще используемые скрипты.