Форум
Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Как поменять вид нумерации страниц тем?автор Goodmonday Апрель 18th 2024, 21:04
» Форум не корректно загружается.
автор anna4842 Апрель 12th 2024, 23:48
» Не корректное отображение картинок
автор Красноперова О.А. Апрель 12th 2024, 15:49
» Ошибка на форуме: Could not obtain topic posts informations
автор fatalone Апрель 9th 2024, 13:43
» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Март 28th 2024, 12:13
» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31
» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43
» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37
» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26
» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28
HTML Page
+2
Домовой
Matt_Tuck
Участников: 6
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
HTML Page
автор Matt_Tuck Май 1st 2012, 14:30
Здравствуйте!
Помогите пожалуйста сделать вот такую HTML страничку:
Мне уже давали код из Ctru+U, но не выходит.
Думаю что Дана или Домовой справятся!
Спасибо заранее!
Помогите пожалуйста сделать вот такую HTML страничку:
Мне уже давали код из Ctru+U, но не выходит.
Думаю что Дана или Домовой справятся!
Спасибо заранее!
Matt_Tuck-
-
Сообщения : 70
Регистрация : 2012-01-22
Благодарности : 0
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Matt_Tuck-
-
Сообщения : 70
Регистрация : 2012-01-22
Благодарности : 0
Re: HTML Page
автор Dana Domirani Май 1st 2012, 15:27
Через флеш только музыка прикручена, остальное — jQuery.
Нужно куда-то залить swf-плеер, музыку, внешнюю CSS и скрипты (для подстановки в код страницы нужны только прямые ссылки).
Нужно куда-то залить swf-плеер, музыку, внешнюю CSS и скрипты (для подстановки в код страницы нужны только прямые ссылки).
| Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Dana Domirani- Администратор
-
Сообщения : 22994
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286
-
Re: HTML Page
автор Matt_Tuck Май 1st 2012, 15:34
музыку не надо, а что такое jQuerу?
Значит не выйдет через ХТМЛ?
Значит не выйдет через ХТМЛ?
Matt_Tuck-
-
Сообщения : 70
Регистрация : 2012-01-22
Благодарности : 0
Re: HTML Page
автор Dana Domirani Май 1st 2012, 15:43
Библиотека JavaScript.
В принципе, можно.
В принципе, можно.
| Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Dana Domirani- Администратор
-
Сообщения : 22994
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286
-
Re: HTML Page
автор Matt_Tuck Май 1st 2012, 15:48
если можно и если вам не трудно можете по подробнее сказать как сделать?
Matt_Tuck-
-
Сообщения : 70
Регистрация : 2012-01-22
Благодарности : 0
Re: HTML Page
автор Frank Май 1st 2012, 15:49
[offtop]Я думаю, даже если вам скажут, вы все равно не сделаете.[/offtop]
Frank-
-
Сообщения : 361
Возраст : 27
Регистрация : 2012-01-08
Благодарности : 100
-
Re: HTML Page
автор Dana Domirani Май 1st 2012, 15:50
Сейчас соберу у себя на тестовике и посмотрю, что получится.
| Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Dana Domirani- Администратор
-
Сообщения : 22994
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286
-
Re: HTML Page
автор Matt_Tuck Май 1st 2012, 15:51
Почему?Frank пишет:[offtop]Я думаю, даже если вам скажут, вы все равно не сделаете.[/offtop]
Matt_Tuck-
-
Сообщения : 70
Регистрация : 2012-01-22
Благодарности : 0
Re: HTML Page
автор Frank Май 1st 2012, 15:53
Matt_Tuck пишет:Почему?Frank пишет:[offtop]Я думаю, даже если вам скажут, вы все равно не сделаете.[/offtop]
Если бы вы могли сделать, вы бы не спрашивали, не так ли?
То есть, я имел ввиду, что лично вы не сделаете.
Frank-
-
Сообщения : 361
Возраст : 27
Регистрация : 2012-01-08
Благодарности : 100
-
Re: HTML Page
автор Dana Domirani Май 1st 2012, 16:26
См. вариант:
Ссылки на разделы и изображения, само собой, надо заменить на свои.
Ссылки на разделы и изображения, само собой, надо заменить на свои.
- Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html><head>
<meta name="keywords" content="введите ключевые слова">
<title>Введите название</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="Введите название">
<script type="text/javascript" src="http://cool-nestrelaite2010.narod2.ru/jquery-1.js"></script>
<script type="text/javascript" src="http://cool-nestrelaite2010.narod2.ru/custom.js"></script>
<script language="javascript">
document.oncontextmenu = new Function("return false");
</script>
<style>
ul.sdt_menu{
margin-left:300;
padding:0;
list-style: none;
font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
font-size:14px;
width:800px;
}
ul.sdt_menu a{
text-decoration:none;
outline:none;
}
ul.sdt_menu li{
float:left;
width:150px;
height:85px;
position:relative;
cursor:pointer;
}
ul.sdt_menu li > a{
position:absolute;
top:85px;
left:40px;
width:150px;
height:85px;
z-index:12;
background:transparent;
-moz-box-shadow:2px 2px 2px #000 inset;
-webkit-box-shadow:0px 0px 2px #000 inset;
box-shadow:0px 0px 2px #000 inset;
}
ul.sdt_menu li a img{
border:none;
position:absolute;
width:0px;
height:0px;
bottom:0px;
left:85px;
z-index:100;
-moz-box-shadow:0px 0px 4px #000;
-webkit-box-shadow:0px 0px 4px #000;
box-shadow:0px 0px 4px #000;
}
ul.sdt_menu li span.sdt_wrap{
position:absolute;
top:23px;
left:0px;
width:150px;
height:60px;
z-index:15;
}
ul.sdt_menu li span.sdt_active{
position:absolute;
background:#111;
top:85px;
width:150px;
height:0px;
left:0px;
z-index:14;
-moz-box-shadow:0px 0px 4px #000 inset;
-webkit-box-shadow:0px 0px 4px #000 inset;
box-shadow:0px 0px 4px #000 inset;
}
ul.sdt_menu li span span.sdt_link,
ul.sdt_menu li span span.sdt_descr,
ul.sdt_menu li div.sdt_box a{
margin-left:15px;
text-transform:uppercase;
text-shadow:2px 2px 1px #000;
}
ul.sdt_menu li span span.sdt_link{
color:#fff;
font-size:24px;
font-weight:bold;
float:left;
clear:both;
}
ul.sdt_menu li span span.sdt_descr{
color:#fe7800;
float:left;
clear:both;
width:150px; /*For dumbass IE7*/
font-size:10px;
font-weight:bold;
letter-spacing:1px;
}
ul.sdt_menu li div.sdt_box{
display:block;
position:absolute;
width:150px;
overflow:hidden;
height:150px;
top:170px;
left:0px;
display:none;
background:#000;
}
ul.sdt_menu li div.sdt_box a{
float:left;
clear:both;
line-height:30px;
color:#FF9000;
}
ul.sdt_menu li div.sdt_box a:first-child{
margin-top:15px;
}
ul.sdt_menu li div.sdt_box a:hover{
color:#fff;
}
h3.b {text-shadow: 0 0 0.2em #FF9000, 0 0 0.2em #FF9000}
span.reference{
position:fixed;
left:10px;
bottom:10px;
font-size:12px;
}
span.reference a{
color:#ffffff;
text-transform:uppercase;
text-decoration:none;
text-shadow:1px 1px 1px #000;
margin-right:30px;
}
span.reference a:hover{
color:#ff9000;
}
ul.sdt_menu{
margin-top:40px;
}
h1.title{
text-indent:-9000px;
width:633px;
height:69px;
}
</style>
</head>
<body style="background: url(http://i44.servimg.com/u/f44/16/54/26/99/000410.jpg) no-repeat scroll center top rgb(0, 0, 0);" 100%"="" height="100%" "="">
<div class="content">
<h1 class="title">Virtual World</h1>
<ul id="sdt_menu" class="sdt_menu">
<li>
<a href="/forum">
<img src="http://i44.servimg.com/u/f44/16/54/26/99/aircra10.png" alt="Форум" />
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_link">Форум</span>
<span class="sdt_descr">О нашем форуме</span>
</span></a>
</li>
<li>
<a href="/memberlist">
<img src="http://i44.servimg.com/u/f44/16/54/26/99/blue-c10.png" alt="Инфо" />
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_link">Инфо</span>
<span class="sdt_descr">Информация для юзеров</span>
</span>
</a>
</li>
<li>
<a href="/calendar">
<img src="http://i44.servimg.com/u/f44/16/54/26/99/hiking10.png" alt="">
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_link">Новости</span>
<span class="sdt_descr">Новости проекта</span>
</span>
</a>
</li>
<li>
<a href="/faq">
<img src="http://i44.servimg.com/u/f44/16/54/26/99/world-10.png" alt="FAQ" />
<span class="sdt_active"></span>
<span class="sdt_wrap">
<span class="sdt_link">FAQ</span>
<span class="sdt_descr">Различная помощь</span>
</span>
</a>
</li>
</ul>
</div>
<div>
</div>
<script type="text/javascript" src="http://cool-nestrelaite2010.narod2.ru/jquery_002.js"></script>
<script type="text/javascript" src="http://cool-nestrelaite2010.narod2.ru/jquery.js"></script>
<script type="text/javascript">
jQuery(function() {
/**
* for each menu element, on mouseenter,
* we enlarge the image, and show both sdt_active span and
* sdt_wrap span. If the element has a sub menu (sdt_box),
* then we slide it - if the element is the last one in the menu
* we slide it to the left, otherwise to the right
*/
jQuery('#sdt_menu > li').bind('mouseenter',function(){
var jQueryelem = jQuery(this);
jQueryelem.find('img')
.stop(true)
.animate({
'width':'150px',
'height':'150px',
'left':'0px'
},400,'easeOutBack')
.andSelf()
.find('.sdt_wrap')
.stop(true)
.animate({'top':'140px'},500,'easeOutBack')
.andSelf()
.find('.sdt_active')
.stop(true)
.animate({'height':'150px'},300,function(){
var jQuerysub_menu = jQueryelem.find('.sdt_box');
if(jQuerysub_menu.length){
var left = '190px';
if(jQueryelem.parent().children().length == jQueryelem.index()+1)
left = '-150px';
jQuerysub_menu.show().animate({'left':left},200);
}
});
}).bind('mouseleave',function(){
var jQueryelem = jQuery(this);
var jQuerysub_menu = jQueryelem.find('.sdt_box');
if(jQuerysub_menu.length)
jQuerysub_menu.hide().css('left','0px');
jQueryelem.find('.sdt_active')
.stop(true)
.animate({'height':'0px'},300)
.andSelf().find('img')
.stop(true)
.animate({
'width':'0px',
'height':'0px',
'left':'85px'},400)
.andSelf()
.find('.sdt_wrap')
.stop(true)
.animate({'top':'25px'},500);
});
});
</script>
</body></html>
| Где находится CSS? Па > Оформление > Цвета > Каскадная таблица стилей CSS Где искать основные шаблоны? ПА > Оформление > Шаблоны > Общие настройки Где находится раздел для подключения скриптов ПА > Модули > Управление кодами Javascript |
Dana Domirani- Администратор
-
Сообщения : 22994
Возраст : 39
Регистрация : 2008-04-18
Благодарности : 9286
-
Matt_Tuck-
-
Сообщения : 70
Регистрация : 2012-01-22
Благодарности : 0
Re: HTML Page
автор MakcMay Май 1st 2012, 22:15
извините за оффтоп. не скажете можно как-то на портале это сделать а форум чтобы был другой?
и Дана, я честно говорю Вы мастер своего дела
и Дана, я честно говорю Вы мастер своего дела
MakcMay-
-
Сообщения : 584
Возраст : 32
Регистрация : 2011-12-12
Благодарности : 102
-
vvo-
-
Сообщения : 512
Регистрация : 2009-07-15
Благодарности : 84
-
Re: HTML Page
автор MakcMay Май 1st 2012, 22:44
и как там создать?
там кроме импортировать и экспортировать ничего нету
там кроме импортировать и экспортировать ничего нету
MakcMay-
-
Сообщения : 584
Возраст : 32
Регистрация : 2011-12-12
Благодарности : 102
-
Re: HTML Page
автор Frank Май 1st 2012, 23:04
ПА > Модули > Конфигурация портала > Показывать портал: Да.
ПА > Оформление > Шаблоны > Портал. Туда вставляете код.
ПА > Оформление > Шаблоны > Портал. Туда вставляете код.
Frank-
-
Сообщения : 361
Возраст : 27
Регистрация : 2012-01-08
Благодарности : 100
-
MakcMay-
-
Сообщения : 584
Возраст : 32
Регистрация : 2011-12-12
Благодарности : 102
-
Похожие темы» Как сделать свой вариант адреса HTML страницы вместо автоматического h1-page, h2-page, h3-page...
» Html source (HTML page)
» HELP! Create new HTML page......
» The page 1 does not exist
» ошибка Please wait page is loading
» Html source (HTML page)
» HELP! Create new HTML page......
» The page 1 does not exist
» ошибка Please wait page is loading
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения
Facebook
ВКонтакте
