Официальный Форум технической поддержки ForumBB

Объявление


С 15.02.2017 прекращается техническая поддержка по ICQ, она будет осуществлятся только на данном форуме и по электронной почте help@forumbb.ru.

Для удобного поиска работает - «Поиск по форуму».
При возникшей проблеме Обязательно указывайте адрес форума!


Вопросы по рекламе на ForumBB: E-mail: sales@forumbb.ru, ICQ: 1-130-134, skype: alex_derenchuk.
По всем остальным вопросам, пишите: E-mail: admin@forumbb.ru, ICQ: 1-130-134.

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Официальный Форум технической поддержки ForumBB » Архив » Общие вопросы по Оформлению


Общие вопросы по Оформлению

Сообщений 861 страница 880 из 1001

861

Нужен скрипт, который делает поле входа под обьявлением...

0

862

а как сделать так,чтобы аватар как в воде отображался?

Отредактировано Poppy Mur (06.02.2009 22:56:14)

0

863

9_5 написал(а):

Нужен скрипт, который делает поле входа под обьявлением...

Такой?? Тока на свой адрес смени не забудь..

Код:
<script type="text/javascript">
var a =document.getElementById('pun-status').innerHTML
if (a.indexOf("Гость")!=-1)
{document.getElementById('pun-status').innerHTML="<div class='formal'>"+"<form id='login'"+" class='container'"+" method='post'"+" action='http://testingmyforum1.4bb.ru/login.php?action=in'"+" onsubmit='return my_form(this)'>"+"<fieldset><legend><span>Введите ваше имя и пароль ниже</span></legend><div class='fs-box inline'>"+"<input type='hidden'"+" name='form_sent'"+" value='1' />"+"<input type='hidden'"+" name='redirect_url'"+" value='index.php' />"+"<p class='inputfield required'>"+"<label for='fld1'>Имя <em>(Обязательно)</em></label><br />"+"<span class='input'>"+"<input type='text'"+" id='fld1'"+" name='req_username'"+" size='25'"+" maxlength='25' /></span></p>"+"<p class='inputfield required'>"+"<label for='fld2'>Пароль <em>(Обязательно)</em></label><br />"+"<span class='input'>"+"<input type='password'"+" id='fld2'"+" name='req_password'"+" size='16'"+" maxlength='16' /></span></p></div></fieldset>"+"<p class='formsubmit'>"+"<input type='submit'"+" class='button'"+" name='login'"+" value='Войти' /></p></form></div>"}
function my_form(the_form)
{
var element_names = new Object()
    element_names["req_username"] = "Имя"
    element_names["req_password"] = "Пароль"

if (document.all || document.getElementById)
{
    for (i = 0; i < the_form.length; ++i)
    {
    var elem = the_form.elements[i]
    if (elem.name && elem.name.substring(0, 4) == "req_")
    {
        if (elem.type && (elem.type=="text" || elem.type=="textarea" || elem.type=="password" || elem.type=="file") && elem.value=='')
        {
        alert("\"" + element_names[elem.name] + "\" это поле обязательно для заполнения в этой форме.")
        elem.focus()
        return false
        }
    }
    }
}

return true
}
</script>

Poppy Mur

Все аватары по-умолчанию будут иметь отражение.

Теперь все аватары автоматом будут иметь такой эффект по-умолчанию.
Javascript: Versetti
Идея: Lexx
Разработка скрипта: Duka
Инструкция:
В HTML-верх кидаете:

Код:
<script type="text/javascript">
document.getElementsByClassName = function(className) {
	var children = document.getElementsByTagName('*') || document.all;
	var elements = new Array();
  
	for (var i = 0; i < children.length; i++) {
var child = children[i];
var classNames = child.className.split(' ');
for (var j = 0; j < classNames.length; j++) {
	if (classNames[j] == className) {
elements.push(child);
break;
	}
}
	}
	return elements;
}

var Reflection = {
	defaultHeight : 0.5,
	defaultOpacity: 0.5,
	
	add: function(image, options) {
Reflection.remove(image);

doptions = { "height" : Reflection.defaultHeight, "opacity" : Reflection.defaultOpacity }
if (options) {
	for (var i in doptions) {
if (!options[i]) {
	options[i] = doptions[i];
}
	}
} else {
	options = doptions;
}
	
try {
	var d = document.createElement('div');
	var p = image;
	
	var classes = p.className.split(' ');
	var newClasses = '';
	for (j=0;j<classes.length;j++) {
if (classes[j] != "reflect") {
	if (newClasses) {
newClasses += ' '
	}
	
	newClasses += classes[j];
}
	}

	var reflectionHeight = Math.floor(p.height*options['height']);
	var divHeight = Math.floor(p.height*(1+options['height']));
	
	var reflectionWidth = p.width;
	
	if (document.all && !window.opera) {
/* Fix hyperlinks */
                if(p.parentElement.tagName == 'A') {
	                var d = document.createElement('a');
	                d.href = p.parentElement.href;
                }  
                    
/* Copy original image's classes & styles to div */
d.className = newClasses;
p.className = 'reflected';

d.style.cssText = p.style.cssText;
p.style.cssText = 'vertical-align: bottom';
	
var reflection = document.createElement('img');
reflection.src = p.src;
reflection.style.width = reflectionWidth+'px';

reflection.style.marginBottom = "-"+(p.height-reflectionHeight)+'px';
reflection.style.filter = 'flipv progid:DXImageTransform.Microsoft.Alpha(opacity='+(options['opacity']*100)+', style=1, finishOpacity=0, startx=0, starty=0, finishx=0, finishy='+(options['height']*100)+')';

d.style.width = reflectionWidth+'px';
d.style.height = divHeight+'px';
p.parentNode.replaceChild(d, p);

d.appendChild(p);
d.appendChild(reflection);
	} else {
var canvas = document.createElement('canvas');
if (canvas.getContext) {
	/* Copy original image's classes & styles to div */
	d.className = newClasses;
	p.className = 'reflected';
	
	d.style.cssText = p.style.cssText;
	p.style.cssText = 'vertical-align: bottom';
	
	var context = canvas.getContext("2d");

	canvas.style.height = reflectionHeight+'px';
	canvas.style.width = reflectionWidth+'px';
	canvas.height = reflectionHeight;
	canvas.width = reflectionWidth;
	
	d.style.width = reflectionWidth+'px';
	d.style.height = divHeight+'px';
	p.parentNode.replaceChild(d, p);
	
	d.appendChild(p);
	d.appendChild(canvas);
	
	context.save();
	
	context.translate(0,image.height-1);
	context.scale(1,-1);
	
	context.drawImage(image, 0, 0, reflectionWidth, image.height);
	
	context.restore();
	
	context.globalCompositeOperation = "destination-out";
	var gradient = context.createLinearGradient(0, 0, 0, reflectionHeight);
	
	gradient.addColorStop(1, "rgba(255, 255, 255, 1.0)");
	gradient.addColorStop(0, "rgba(255, 255, 255, "+(1-options['opacity'])+")");

	context.fillStyle = gradient;
	if (navigator.appVersion.indexOf('WebKit') != -1) {
context.fill();
	} else {
context.fillRect(0, 0, reflectionWidth, reflectionHeight*2);
	}
}
	}
} catch (e) {
	    }
	},
	
	remove : function(image) {
if (image.className == "reflected") {
	image.className = image.parentNode.className;
	image.parentNode.parentNode.replaceChild(image, image.parentNode);
}
	}
}

function addReflections() {
	var rimages = document.getElementsByClassName('reflect');
	for (i=0;i<rimages.length;i++) {
var rheight = null;
var ropacity = null;

var classes = rimages[i].className.split(' ');
for (j=0;j<classes.length;j++) {
	if (classes[j].indexOf("rheight") == 0) {
var rheight = classes[j].substring(7)/100;
	} else if (classes[j].indexOf("ropacity") == 0) {
var ropacity = classes[j].substring(8)/100;
	}
}

Reflection.add(rimages[i], { height: rheight, opacity : ropacity});
	}
}

var previousOnload = window.onload;
window.onload = function () { if(previousOnload) previousOnload(); addReflections(); }
</script>

Хтмл-низ:

Код:
<script type="text/javascript">
var arr=document.getElementsByTagName("li")
i=0
while(arr[i] ){
if(arr[i].className=="pa-avatar item2"){
name=arr[i].innerHTML
name=name.substring(4)
arr[i].innerHTML="<img class=reflect "+name+" "
}
i++
}
</script>

Вид:
http://i024.radikal.ru/0803/8a/e6265693d2fd.jpg
Есть один недостаток - корректное отображение анимаций только в ИЕ

+1

864

Покемош
Спасибо

0

865

Покемош
спасибо! ты чудо человек!!!!!!!

0

866

а.....простите за настойчивость...вы незнаете скрипт для того чтоб форум был посередине?

0

867

Poppy Mur написал(а):

Покемош
спасибо! ты чудо человек!!!!!!!

:blush:

Poppy Mur написал(а):

а.....простите за настойчивость...вы незнаете скрипт для того чтоб форум был посередине?

Сам форум или то описание, категории и прочая драба??

Попробуй в общем это:

Код:
<style>
HTML, BODY , #pun, #pun #pun-index #pun-main .category .container table thead tr .tcl, #pun-main .category .container table .hasicon .alt1 .tcl .intd .tclcon,
#pun-main .category .container table .hasicon .alt2 .tcl .intd .tclcon {text-align: center}
</style>

Если это не то, по подробнее объясни скину скрипт..

0

868

помогите, а как сделать цветной шрифт в таблице?очень надо^^

0

869

Мелисса Лерон

Код:
<font color="цвет">...</font>

0

870

Вот ещё вопросик: какой нужен скрипт чтоб когда было новое сообщение высвечивалась подсказка типа "новое ЛС"???

0

871

Poppy Mur
http://help.forumbb.ru/viewtopic.php?id=5&p=2
Пост 29, всавляй ХТМЛ-низ.

+1

872

Isabella
спс

0

873

Как сделать в таблице подчеркнуты и жирный шрифт? и как сделать, чтобы написанное в таблице было посередине?

0

874

Мелисса Лерон

Код:
<center>Текст по центру</center>
<b>Жирный текст</b>
<u>Подчеркнутый текст</u>

+1

875

А как сделать так ,что бы бегущая строка шла не так:----------------------------------------------),а снизу вверх????

0

876

Poppy Mur
Вот посмотри:

Код:
<center><!--fantasyflash.ru--><marquee direction="up" scrollAmount=2 onmouseover=this.scrollAmount=0 onmouseout=this.scrollAmount=2 width=100 height=100><!--osw-->....</MARQUEE></center>

Вроде работает!

+1

877

спасибо,но я уже нашла попроще)))))))всё равно лови +!

0

878

Isabella написал(а):

Poppy Mur
Вот посмотри:
Код:

<center><!--fantasyflash.ru--><marquee direction="up" scrollAmount=2 onmouseover=this.scrollAmount=0 onmouseout=this.scrollAmount=2 width=100 height=100><!--osw-->....</MARQUEE></center>

Вроде работает!

я даже знаюв чём разница:если на твой текст наветсти строка останавливается,а еслм на другой,то нет!

0

879

..товарищи..проблемка тут одна....создал таблицу..3 на 3...в крайних ячейках рисунки в виде рамки таблицы..а в середней текст..
..так вот..когда вписуеш длиный текст он уходит за границы отталкивая правую часть таблицы....как можно этого избежать?..

0

880

Lord_Koda
Код таблицы покажите, желательно уже со вписанным текстом, чтоб я мог увидеть проблему на своём форуме, когда поставлю.

0


Вы здесь » Официальный Форум технической поддержки ForumBB » Архив » Общие вопросы по Оформлению