|
Сложно ли сделать шаблон из свёрстанного
в CSS и HTML сайта для JOOMLA??
62
Tamara
Сейчас попробую и отпишусь =)
Получилось, спасибо, Сергей.
63
Никита
ребят просьба .........
В общем надо срочно засунуть на сайт поисковой движок по сайту, а можно и вообще по всей паутине ( Google, Yandex, Yahoo не предлагать) который написан собственноручно ........ наверное это проще сделать при помощи PHP скриптов........ не знаю как лучше сделать......... подскажите и помогите реализовать, если не тяжело........ Заранее спасибо
64
Кирилл
если по всей паутине, и поисковые системы не предлагать, то готовьте много денег, вам придется покупать мощные сервера для хранения базы поисковой системы, нанимать программистов, которые за еду не будут писать поискового робота. в общем используйте уже готовые решения, так реально проще
66
Никита
пасиб )))))))
67
Артём
Все никак не сделаю всплывающее окно. Но оно блокируется браузерами. И если даже какой-то выдерешь новый скрипт, то через некоторое время он становится старым, и тоже блокируется.
И вот нашел некоторую замену. Нашел такой код: <style type="text/css"> #topLayer{ position:absolute; top:100; left:180; width:70%; height:70%; background:transparent url(имя рисунка.gif) repeat; z-index:9999; } </style> <div id="topLayer"></div> Это значит что рисунок (имя рисунка.gif) будет висеть поверх текста. width:70% и height:70% означает что размер займет 70% от размера экрана. Если выделенная под рисунок область больше чем сам рисунок, то будет повторяться как body background. Размеры нужно подгонять. Короче почти то что надо. И собственно сам вопрос. Как сделать так чтобы этот рисунок являлся одновреренно гиперссылкой. Типа такого: <a href=#start><img src=image.jpg></a> Простой заменой "имя рисунка.gif" на такою гиперссылку не получилось. Может вы чего подскажете?
68
Александр
ну единственный способ сделать что-либо ссылкой кроме тэга A и JS это map
вот справка по ней: http://http://www.htmlbook.ru/html/map.html а если на js, то сделайте событие он клик прям в картинке <img src="бла_бла.джипег" onclick="window.open('http://http://www.google.ru/','','')" /> примерно так получится. и событие онкли ты можешь влепить в любой элемент. например в окружающий картинку div или даже если картинка является его фоном он будет работать как ссылка. проблема только в том, что роботы не будут её как ссылку считать.. (могу ошибаться в этих вопросах.)
69
Tamara
Артем, а этот эффект напоминает зумирование? Т.е. мне необходим эффект при нажатии на маленькое фото эффект затемнения экрана и появления большого фото (можно, без эффекта затемнения), только я прочитала на форумах, что это реализуется спомощью Java-скриптов, а т.к. я в них еще ничего не понимаю, то ищу реализацию (хоть очень приблизительную) в html & css.
Этот код, который Вы приводите, поможет мне? Не могу его сама попробовать, т.к. не совсем понимаю, как его вплести в имеющейся у меня код. Заранее спасибо за ответ.
70
Александр
есть галерея уже готовая называется лайтбокс там очень понятная справка, несмотря на то что она английская. 5 минут с гугл словарем и все станет понятно. И самое главное она 100% совпадает с вашим описанием.
Если хотите могу вам подробней расписать в личку как крепится эта галерея . Никаких знаний в джава скрипт вам не потребуется, а нужно будет лиш вставить строки в том виде в котором они есть в примере. потом просто прописать небольшой код в строки фото и ссылки и все. http://http://www.doknowevil.net/litebox/ Попробуйте обязательно. Если все получится вам понравится! а на чистом css у вас это реализовать скорее всего не получится.
71
Tamara
Александр, спасибо, сейчас попробую, но, боюсь, что без Вашей помощи не получится =)
72
Александр
качаем архив. разпоковываем. Забираем оттуда файлы и папки. Нам понадобятся только css и js папки с содержимым. качаем их на саайт или в папку где находится корень нашего сайта.
вот это нужно вставить между <head> и </head> ну как стили подключаем так и ява скриты. Убедитесь что пути прописаны правельно . <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> <script type="text/javascript" src="js/prototype.lite.js"></script> <script type="text/javascript" src="js/moo.fx.js"></script> <script type="text/javascript" src="js/litebox-1.0.js"></script> в первом случае пути нужно прописать /js/prototype.lite.js так, во втором оставить все как есть. затем в боди прописываем <body onload="initLightbox()"> Теперь подключаем картинку и ссылку. причем желательно сделать 2 картинки маленькую и большую. я обычно разношу их в разные папку нарпиер большие у меня лежат в images/big/1.jpg маленькие в images/small/1.jpg. для удобства последующего редактирования они называются одинаков дальше прописываем саму конструкцию картинки <a href="images/big/1.jpg" rel="lightbox[этот параметр и подлючает наш скрипт]" title="тут название картинки"><img src="images/small/1.jpg" width="100" height="40" alt="Beautiful Horses" /></a> <a href="images/big/1.jpg" rel="lightbox[fe]">Тут можно вписать ссылку на нашу большую фотку. как активный заголовок или комментарий </a> DONE если ничего нигде не соврал должно работать. Прошу прощения за вольный пересказ инструкций и местами путанное объяснение.Но я не писатель. ) Надеюсь этот пост поможет вам разобраться. Иначе пишите, будем разбираться вместе)
73
Артём
onclick, конечно, классная вещь, но только когда я делаю он-клик на рисунок, оно создает еще один такой же рисунок, и уже на него делает он-клик. А тот который был задуман именно для он-клика как стоял обычным рисунком, так им и отсается.
Нельзя ли сделать он-клик на произвольную область страницы. Например задать координаты в пикселях. Вот от .... до ... по длине и по ширине - сюда он-клик. Возможно такое?
74
Александр
конечно
<div style='position: absolute; top:200px; left: 400px; width:200px; height:200px; background: 0;' onclick="window.open('http://www.google.ru/','' ,'')" ></div> как вариант absolute это конечно полное уг. ибо мониторы у всех разные, но по координатам (расстоянием от верхнего края и левого в данном случае.) вы наверное другого не добьетесь, т.к. координаты понятие относительное у всех они будут разные. другое дело если вы делаете фиксированной ширины страницу.Там этот фокус может получиться. хотя тоже не без багов. Столкнетесь с проблемой, что каждый браузер будет врать в том или ином случае. посмотрите также reletive позиционирование может оно вас устроит больше. http://http://www.htmlbook.ru/css/position.html тут все про позиционирование. ну и 2-е это как я уже говорил map. вы читали ссылку которую я вам прислал? я подумаю еще над вариантами и если до чего нибудь додумаюсь, сюда или в личку напишу. Если бы вы дали ссылку или прислали архив вашей страницы я, наверное, смог бы помочь быстрей.
75
Артём
А вот это событие
<div style='position: absolute; top:200px; left: 400px; width:200px; height:200px; background: 0;' onclick="window.open('http://http://www.google.ru/','','')" ></div> можно сделать чтоб открывалось не в новом окне, а в текущем?
76
Tamara
Александр, спасибо большое, получилось, но не совсем, есть несколько вопросов (для наглядности, можно посмотреть скрин: http://http://vkontakte.ru/photo5090919_169060471)
Подскажите, пожалуйста, 1. Как на увеличенной картинке поставить closelabel (в место, указанное стрелкой)? 2. Как реализовать перелистывание Next, Back нескольких увеличенных фотографий? 3. Есть необходимость заменить слова в квадратных скобках [этот параметр и подлючает наш скрипт] на какое-то название скрипта, или достаточно их просто удалить из кода? Код под скрином)
77
Александр
1. там чуть чуть ковырнуть скрипт придется я пришлю его вам чуть позже.. когда буду дома.
2. оно должно работать у вас по умолчанию. возможно просто у вас нет картинки попробуйте навести влевый или правый карай вашего изображения и кликнуть там. (если все получится то это вылечим вместе с 1 пунктом.) 3. достаточно удалить )
78
Tamara
Спасибо!, буду ждать)
п.2 по умолчанию не работает, к сожалению, при наведении курсора ничего не получается =(
79
Александр
2 Артём Marinesku Зубко
конечно можно чуток код измените, вот так: onclick="document.location.href = 'http://http://www.ya.ru';"
80
Александр
собственно, а картинок у вас там сколько? если как под скриншотом только 1 - переключаться и не будет .. если нет пришлите код плз ) там посмотрим.. прям туда же где у вас картинка.
litebox-1.0.js надйдите файл в папке js в текстовом редактора типо нот пад .. или любым каким предпочитаете в нем ищем строки var fileLoadingImage = "images/loading.gif"; var fileBottomNavCloseImage = "images/closelabel.gif"; и исправляем путь на тот, который нужен нам. дальше ищем в нашем архиве Litebox-1.0.zip оттуда берем картинки closelabel.gif loading.gif blank.gif nextlabel.gif prevlabel.gif их редактируем(переводим на русский) и заливаем в папку к которой выше прописали пути. Если это не пофиксит 2 пункт вопроса. будем разбираться дальше.
81
Tamara
Спасибо!
1. closelabel появился) 2. а чтобы добавить вторую картинку в код необходимо просто дописать вторую строку: <a href=http://http://ukrtech.com/faqpicture/878827.jpg rel="lightbox" title="PRO 900"><img src=http://http://ukrtech.com/faqpicture/878441.jpg /></a> со своими ссылками на рисунки, или необходимо еще делать какую-то связь между строками?
82
Дарья
А подскажите и мне пожалуйста, задачка вроде бы простая, но я с javascript никогда не сталкивалась :)
При заходе на главную страницу сайта должно появляться окно (как в лайтбоксах) с флэш-роликом и ссылками под ним на две версии сайта (разные языки). После проигрывания ролика - закрываться само. И при навигации по сайту при возврате на главную страницу окошко чтобы больше не открывалось...это вообще реально?))
83
Александр
дорогу осилит идущий!
что мешает попробовать и увидеть результат? ;) по идеи да просто вбиваешь картинку в любой части текста, главное чтоб в ссылке был правильный rel="lightbox[]".
84
Александр
Дарья, коенчно реально ) реально все, что вы можете себе представить. Более того скорее всего оно уже есть. вопрос лишь в том как правильно сформулировать запрос в поисковой системе. :)
Я еще не сталкивался с подобной задачей в свое практике. Но попробую вам помочь. если интересно разбираться вот для начала. http://http://www.scriptlance.com/projects/1197363179.shtml тут приведено несколько примеров. я пока посмотрел только грейбокс и думаю, что разобраться будет не сложно ). еслии возникнут сложности пишите, попробуем заняться этим в месте.
85
Александр
а вообще-то не совсем понятно зачем вам лайт бокс и ява скрипт.. )) фоновое изображение (легенькое, заблереное) + отцентрованый блок. в котором флешка и выбор язка. после нажатия на язык у вас грузится тот вариант сайта который выбран пользователем. ведь этого механизма все равно не избежать. или я что-то упускаю?
86
Дарья
Александр, спасибо, сейчас буду изучать :)
насчет второго вашего варианта...вот думаю об этом, в принципе сейчас на сайте так и реализовано, но очень...с косяками, так скажем. теперь глупый вопрос :) (я просто до этого с нуля ничего не делала. копалась только в чужих скриптах и совершенно нет времени изучать сейчас java), так вот, вопрос: можно создать страницу, скажем, flash.html, на которой все это и будет, а с нее уже на index, и все ссылки на главную на сайте сделать вида не http://site.ru, а http://site.ru/index.php? там ведь надо просто в htacces поменять адрес, верно? могут быть какие-то подводные камни?
87
Александр
конечно ) если что-то не то в htacces поменяете вывалится какая-нибудь ошибка ).
88
Александр
вообще круто наврено было бы сделать так..
на Index.php создать заглушку с выбором языка.. далее сделать в корне сайта 2 папки с русски и английским например. ну и собственно вход на рус будет выгладить так http://site.ru/ru/ а на английский http://site.ru/eng/ по моему так )
89
Дарья
Спасибо, буду пробовать :)
90
Tamara
Александр, а почему в примере в случае первой картинки параметр rel="lightbox" без квадратных скобок, а если ниже писать еще одну картинку, то параметр уже с квадртными скобками rel="lightbox[]" ? Что в них необходимо прописать? Что подразумевается под "правильным rel="lightbox[]"? Подскажите, пожалуйста =)
|
Загрузка. Пожалуйста, подождите...
Категория: 
Сергей
<title>Сравнительные характеристики для линейки PRO</title>
<BODY>
<div id="center">
<TABLE>
<tr>
<td class="c"></td>
<td class="b"><span class="h4">PRO 550</span></td>
<td class="b"><span class="h4">PROline 650</span></td>
<td class="b"><span class="h4">PRO 750</span></td>
<td class="b"><span class="h4">PRO 2500</span></td>
<td class="b"><span class="h4">PRO 900</span></td>
</tr>
<tr>
<td class="d"><span class="h7">Тип</span></td>
<td class="d"><span class="h7">закрытые / circum-aural</span></td>
<td class="d"><span class="h7">закрытые / circum-aural</span></td>
<td class="d"><span class="h7">закрытые / circum-aural</span></td>
<td class="d"><span class="h7">открытые / circum-aural</span></td>
<td class="d"><span class="h7">закрытые / circum-aural</span></td>
</tr>
</TABLE>
</div>
<style type="text/css">
*{margin:0;padding:0;}
/* ------------(Код Центрирования) можно поиграть со значениями------------- */
#center{position:absolute;top:50%;left:50%;margin-top:-300px;mar
gin-left:-430px;
height:600px;width:860px;}
/*--------------------------------------------------------------------*/
BODY{background-color:#C1D7D8;margin:5;text-align:center}
.h4{color:#FFF;font-family:Verdana;font-size:11;font-style:norma
l;font-weight:80
0}
.h7{color:#000;font-family:Verdana;font-size:11;font-style:norma
l;font-weight:80
0}
.h6{color:#000;font-family:Verdana;font-size:11;font-style:norma
l;font-weight:80
0}
TD.b{background-color:#069;height:10px;width:250px;}
TD.c{background-color:#fff;height:10px;width:250px;}
TD.d{background-color:#ccc;height:10px;width:250px;}
table{background-color:FFF;border-style:solid;border-width:0;width&#
58;100%;line-hei
ght:0,5;margin: 0 auto;border-spacing:5;padding:0 auto;}
</style>
</BODY>