[ На главную ] -- [ Список участников ] -- [ Зарегистрироваться ]

ВСЁ ДЛЯ СОЗДАНИЯ САЙТА софт, варез, шаблоны, аватары, скрипты ... бесплатно

  Вход на форум   логин       пароль   Забыли пароль? Регистрация
On-line:  

Раздел: 
РАСКРУТИМ САЙТ БЕСПЛАТНО / СОФТ для раскрутки и заработка / ВСЁ ДЛЯ СОЗДАНИЯ САЙТА софт, варез, шаблоны, аватары, скрипты ... бесплатно

Страницы: 1 2 Next>> ответить новая тема

Автор Сообщение

самый лучший друг
Группа: Участники
Сообщений: 122
 Добавлено: 25-05-2005 19:58
анимированные аватары
анимированные аватары
аватары анимированные
superraskrutka1. САМАЯ ЛУЧШАЯ КОЛЛЕКЦИЯ АНИМИРОВАННЫХ АВАТАР!!

скачать просто: кликаете правой кнопкой на аватар, затем на " сохранить как.."

дави ЗДЕСЬ , выбирай и качай

самый лучший друг
Группа: Администраторы
Сообщений: 549
 Добавлено: 06-11-2005 12:36
бесплатная красивая гостевая книга

самый лучший друг
Группа: Администраторы
Сообщений: 549
 Добавлено: 29-11-2005 16:02
Меняем цвет скроллаМеняем цвет скролла

В Internet Explorer версии 6.0 появилась новая функция - изменение цвета полосы прокрутки. Для этого используется следующий код :
<STYLE>
BODY {
scrollbar-face-color: #0000ff;
scrollbar-highlight-color: #0000ff;
scrollbar-shadow-color: #0000ff;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #999999;
scrollbar-darkshadow-color: #0000ff;
scrollbar-base-color: #0000ff;
}
</STYLE>
Цвет полосы можно настраивать под свой дизайн.

Пример на страничке: http://www.frontlinecrew.narod.ru/

самый лучший друг
Группа: Администраторы
Сообщений: 549
 Добавлено: 29-11-2005 16:19
Плавающее меню.
 В этом меню ссылки вращаются по кругу. Можно добавлять сколько угодно ссылок в это меню. Получается красиво и эффектно. И редко встречается.
Как это выглядит? Можно посмотреть здесь: страничка СПЕЦЭФФЕКТЫ от superraskrutka1

Эту часть скрипта разместите между тегами <HEAD>...</HEAD>
<STYLE>.fly {
COLOR: aqua; FONT-FAMILY: arial; FONT-SIZE: 24px; POSITION: absolute; VISIBILITY: hidden; Z-INDEX: 2
}
.logo {
COLOR: blue; FONT-FAMILY: times; FONT-SIZE: 72px; LEFT: 30px; POSITION: absolute; TOP: 0px; VISIBILITY: visible; Z-INDEX: 1
}
.desc {
COLOR: red; FONT-FAMILY: arial; FONT-SIZE: 12px; LEFT: 40px; POSITION: absolute; TEXT-ALIGN: center; TOP: 220px; VISIBILITY: hidden; WIDTH: 400px
}
BODY {
BACKGROUND: #c0c0c0
}
A {
COLOR: lime
}
A:hover {
COLOR: yellow; TEXT-DECORATION: none
}
</STYLE>

<SCRIPT language=jаvаScript>
/* Show an object */
function showObject(object) {
object.visibility = VISIBLE;
}
/* Hide an object */
function hideObject(object) {
object.visibility = HIDDEN;
}
/* Slide the logo from top to middle */
function slideLogo(from, to) {
if (from < to) {
company.top = (from += 10);
setTimeout('slideLogo(' + from + ',' + to + ')', 75);
}
else initObjects();
}
/* Rotate selected objects */
function rotateObjects() {
for (var i = 0; i < pos.length; i++) {
pos[i] += inc; objects[i].visibility = 'visible';
objects[i].left = (r * Math.cos(pos[i])) + xoff
objects[i].top = (r * Math.sin(pos[i])) + yoff;
}
rotateTimer = setTimeout("rotateObjects()", 70);
}
/* Initialize selected objects for rotation */
function initObjects() {
/* Here is the array of HTML elements that will be rotated, from fly1 to fly4
Just put the shortcut variables to the HTML elements in this little array
and they will be rotated automatically */
objects = new Array(fly1, fly2, fly3, fly4);
pos = new Array();
pos[0] = 0;
for (var i = 1; i < objects.length; i++) {
pos[i] = parseFloat(pos[i - 1] + ((2 * pi) / objects.length));
}
rotateObjects();
}
/* Variables for rotating objects */
var objects;
var pos;
var r = 160; // radius
var xoff = 180; // x offset
var yoff = 170; // y offset
var pi = Math.PI; // get pi
var inc = pi / 180; // degrees per rotation cycle
var objects; // objects to be rotated
var pos; // position for objects
</SCRIPT>
Эту часть скрипта разместите между тегами <BODY>...</BODY>
<DIV class=fly id=fly1>
<P><A href="http://" onmouseout=hideObject(desc1)
onmouseover=showObject(desc1) target=_blank>Ссылка 1</A>
</P></DIV>
<DIV class=fly id=fly2>
<P><A href="http://" onmouseout=hideObject(desc2)
onmouseover=showObject(desc2) target=_blank _blank??>Ссылка 2</A> </P></DIV>
<DIV class=fly id=fly3>
<P><A href="http://" onmouseout=hideObject(desc3)
onmouseover=showObject(desc3) target=_blank>Ссылка 3</A> </P></DIV>
<DIV class=fly id=fly4>
<P><A href="http://www.drgenius.h1.ru/"
onmouseout=hideObject(desc4) onmouseover=showObject(desc4)
target=_blank>jаvа скрипты</A> </P></DIV>
<DIV class=logo id=company>
<P>Плавающее меню</P></DIV>
<DIV class=desc id=desc1>
<P>Описание ссылки 1</P></DIV>
<DIV class=desc id=desc2>
<P>Описание ссылки 2 </P></DIV>
<DIV class=desc id=desc3>
<P>Описание ссылки 3 </P></DIV>
<DIV class=desc id=desc4>
<P>jаvа скрипты </P></DIV>
<SCRIPT language=jаvаScript>
/* Simple version detection */
var isNS = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);
/* They can be used in place
of hidden and visible because on occasion Navigator has problems with the two */
var HIDDEN = (isNS) ? 'hide' : 'hidden';
var VISIBLE = (isNS) ? 'show' : 'visible';
/* Create shortcut variables for different absolutely positioned elements */
var fly1 = (isNS) ? document.fly1 : document.all.fly1.style;
var fly2 = (isNS) ? document.fly2 : document.all.fly2.style;
var fly3 = (isNS) ? document.fly3 : document.all.fly3.style;
var fly4 = (isNS) ? document.fly4 : document.all.fly4.style;
var company = (isNS) ? document.company : document.all.company.style;
var desc1 = (isNS) ? document.desc1 : document.all.desc1.style;
var desc2 = (isNS) ? document.desc2 : document.all.desc2.style;
var desc3 = (isNS) ? document.desc3 : document.all.desc3.style;
var desc4 = (isNS) ? document.desc4 : document.all.desc4.style;
/* Begin the sliding of the logo */
slideLogo(0, 140);
</SCRIPT>

самый лучший друг
Группа: Участники
Сообщений: 122
 Добавлено: 08-01-2006 05:06
Кроме этого форума, на коором мы находимся есть ещё бесплатные форумы, например: сервис форумов

самый лучший друг
Группа: Администраторы
Сообщений: 549
 Добавлено: 10-01-2006 12:46
Вы желаете узнать стоимость сайта? Своего, или которого хотите купить.
Тогда Вам сюда: Лаборатория оценки стоимости Интернет- проектов ЛОСИП
Вы можете самостоятельно бесплатно определить стоимость Интернет- проекта либо заказать точную оценку профессионалам с выработкой рекомедаций по улучшению Вашего проекта.

самый лучший друг
Группа: Администраторы
Сообщений: 549
 Добавлено: 12-01-2006 14:07
Здесь задача создания выпадающего меню решена без участия jаvаScript, целиком на HTML/CSS с использованием атрибутов HTML тегов OnMouseOver и OnMouseOut для изменения класса объекта при наступлении соответствующих условий.
Применение элемента CSS "overflow" для создания динамического кода <DIV class=menum>
<a href="#">Главная</a>
</DIV>
<DIV class=menuc>
<a href="#">О компании</a>
<a href="#" >История компании</a>
<a href="#">Наши сотрудники</a>
<a href="#">Филиалы</a>
</DIV>
<DIV class=menus>
<a href="#">Услуги</a>
<a href="#">Продажи</a>
<a href="#">Консультации</a>
<a href="#">Обновление</a>
<a href="#">Ремонт</a>
</DIV>
<DIV class=menup>
<a href="#">Цены</a>
<a href="#">Оптовые</a>
<a href="#">Розничные</a>
<a href="#">Скидки</a>
<a href="#">Бонусы</a>
</DIV>

Вот и все меню. Как Вы видите начальные строки каждого блока ссылок являются названиями разделов, за ними следуют подразделы. Теперь надо скрыть подразделы от глаз пользователя. В CSS обозначаем свойства класса и задаем height: 20px; Все, что не помещается скрываем overflow:hidden;
.menuc {
position: absolute;
left: 20%;
top: 30px;
background-color: #999900;
border: 1px solid #000;
width: 15%;
height: 20px;
overflow: hidden;
}
Теперь в CSS описываем класс, который располагается на той же позиции и показывает весь блок
.cc {
position: absolute;
left: 20%;
top: 30px;
background-color: #999900;
border: 1px solid #000;
width: 15%;
height: auto;
overflow: visible;
}
Для каждого из разделов своего меню создайте по два таких класса, изменяя только свойсва left и top по Вашему желанию

!: По умолчанию устанавливаем блоки с названиями разделов - пример выше; убедитесь в соответствии Ваших названий и названий классов из этого примера.

Теперь определим какой из классов должен быть присвоен блоку в соответствии с действиями пользователя. Применяем атрибуты тега DIV OnMouseOver и OnMouseOut.
В каждом из DIVов:
ONMOUSEOVER="this.className='Класс(показать весь блок)';"
ONMOUSEOUT="this.className = 'Класс(только название раздела)';"
Добавим немного стиля ссылкам,...
a {
display: block;
width: auto;
height: auto;
color:#003333;
font-family: Verdana, sans-serif;
font-size: 11px;
background-color: #999900;
text-decoration: none;
text-align: left;
padding: 3px;
}
a:hover {
color:#FFFFCC;
background-color:#666633;
text-decoration:none;
}
...наметим стили для основного содержания...
#main {
position: absolute;
left: 5%;
top: 55px;
width: 90%;
background-color: #CCAABB;
border: 1px solid #FFFFFF;
}
...и всей страницы
html, body {
font-family: Verdana, serif;
font-size: 11px;
text-align: justify;
background-color: #7E7659;
}
О совместимости. Меню гарантированно работает в IE старше 4, в NN старше 4 и Opera старше 5. Вполне приемлемо.

Гость
 Добавлено: 12-01-2006 14:19
Фон для кнопки формы
Задать фоновый цвет или изображение для кнопки формы
1. Фоновый цвет
<form action="Ваш URL" method="get">
<input style="background-color: #999900; color: #CCCCCC; font-size: 12px;" type="submit" value="Кнопка">
</form>
2. Фоновый рисунок
<form action="put url here" method="get">
<input type="button" style="background-image: url(Ваша картинка); width:xy; height:xytu; " value="Кнопка">
</form>

Гость
 Добавлено: 12-01-2006 14:21
Невидимое поле формы
Сделать Вашу форму неведимкой позволит следующая операция.
Как обычно, прописываете весь html код формы, формируете поля и кнопки. А при создании стилей для полей ввода указыаете атрибут границы формы. Примерно так,
<input type="text" value=".." style="width:150px; height:15px; border:1px solid #fff;>
Значение параметров цвета границы и фона формы должно совпадать со значением параметра цвета фона блока страницы, в котором расположена форма.
В конечном итоге поле формы может выглядеть, к примеру, таким образом (кликните на тексте ниже) :

Смена курсора
Смена курсора для целой страницы или, как здесь, для отдельной части страницы. Стандартного набора курсоров, которые можно найти в описании элемента CSS cursor иногда недостаточно, чтобы подчеркнуть то или иное содержание страницы. Приходится копировать вид курсора из папки Windows/cursors на сервер и обращаться к нему по url из элемента CSS cursor.
<body style="cursor:url(путь к Вашему курсору, напрмер, ../image/cursor.cur))>
Все курсор изменен, можно просматривать страничку. В Netscape Navigator и Opera может не работать. Поэтому и не применяется часто.

товарищ
Группа: Участники
Сообщений: 25 		Добавлено: 14-01-2006 22:08
Всем приветик!
Мне нужен скрипт для того чтобы у меня на сайте заполнили например: Строку Име, Адресс, И сообщение.
и что бы это отсылалось мне на е-маил!
Если можете помогите!

Страницы: 1 2 Next>> ответить новая тема
Раздел: 
РАСКРУТИМ САЙТ БЕСПЛАТНО / СОФТ для раскрутки и заработка / ВСЁ ДЛЯ СОЗДАНИЯ САЙТА софт, варез, шаблоны, аватары, скрипты ... бесплатно

KXK.RU