[Ликбез]
Форма входа
Логин:
Пароль:
Меню сайта
Скрипты и коды для юкоз - Форум аццкого кодера » Хранилище старых сообщений » Личка. Ответы, From Fflesh for “...”...
Личка. Ответы, From Fflesh for “...”...
[1] likbezz [15.07.2010, 00:30]
Белла7490, (пост 162)
Вот набросал э.... по вашим «эскизам»

Цитата (CSS)
<style type="text/css">
/* StartStyle */
#myMenu{margin:0 auto;text-align:center;}
#myMenu ul,#myMenu li{list-style:none;margin:0; padding-bottom:0px;}
#myMenu li{font-size: 14pt;font-family: Monotype Corsiva;line-height:1;}
#myMenu li .uMenuItemA{border-bottom:1px dashed #F00;text-decoration:none;}
#myMenu li a{outline:0;}
.menuA{color: rgb(254, 253, 251);}
.menuB{color: rgb(251, 241, 240);}
.menuC{color: rgb(240, 224, 225);}
.menuD{color: rgb(250, 226, 224);}
.menuE{color: rgb(249, 208, 204);}
.menuF{}
/* EndStyle */
</style>


Цитата (Html)
<div id="myMenu">
<ul>
<li class="menum"><a class="uMenuItemA menuA" href="http://testovyj.3dn.ru/">Главная страница</a></li>
<li class="mItem"><a class="menuB" href="http://testovyj.3dn.ru/index/0-2">Информация о сайте</a></li>
<li class="mItem"><a class="menuC" href="http://testovyj.3dn.ru/load">Видео</a></li>
<li class="mItem"><a class="menuD" href="http://twilightlovers.gallery.ru/">Галерея</a></li>
<li class="mItem"><a class="menuE" href="http://testovyj.3dn.ru/blog">Архив материалов</a></li>
<li class="mItem"></li>
<li class="mItem"></li>
<li class="mItem"></li>
<li class="mItem"></li>
<li class="mItem"></li>
<li class="mItem"></li>
<li class="mItem"></li>
<li class="mItem"></li>
<li class="mItem"></li>
</ul>
</div>


И всё в таком духе ....
А не приходило в голову, вместо буквенного индекса использовать цифровой? ... проще. «.menuA» = «.menu1» «.menuB» = «.menu2» ...

Дальше - сами ... ヅ ... Смогёте? ...

Удачи ....

Flesh
[2] Лайла [15.07.2010, 13:14]
Спасибо огромное за помощь!) Думаю, что дальше справлюсь))
[3] likbezz [15.07.2010, 17:56]
Лайла,
Quote (Лайла)
Спасибо огромное за помощь!) Думаю, что дальше справлюсь))

... ヅ ...
Незачто ...
Если «что» - пишите ... ヅ

Flesh

[4] Alex86 [07.01.2011, 20:41]
likbezz, Я в шоке...... У меня ничего не вышло. Будь другом помоги о Мудрейший из мудрецов.
[5] likbezz [07.01.2011, 21:05]
Alex86,
Quote (Alex86)
Я в шоке...... У меня ничего не вышло. Будь другом помоги о Мудрейший из мудрецов.

- Здорово ....
О том, что именно у вас не вышло и адрес сайта мне угадать? - или сами скажите? .... ヅ
...
Всех с Рождеством .... ヅ
[6] Alex86 [07.01.2011, 21:17]
likbezz, Ну это же я..... Может я тебя спутал с FFlesh ? ? ? Аватор просто похож Я об этом.... Ну ни как не выходит.

Добавлено (07.01.2011, 21:17)
---------------------------------------------
Импорт новостей с другого сайта. Фотографии не отображаються. Я делал делал пока мозг не закипел. Но ничего не вышло.

[7] likbezz [07.01.2011, 21:26]
Alex86,
Quote (Alex86)
likbezz, Ну это же я..... Может я тебя спутал с FFlesh ? ? ? Аватор просто похож Я об этом.... Ну ни как не выходит.

- Нет, не спутал.
Quote (Alex86)
Ну это же я.....

- Не может быть. И что? Знаешь на сколько вопросов ежедневно отвечаю? .... Так что «это же я» - не катит.
Ты уже, видимо, писал о проблеме - ссылку на пост.
Сайт - вроде видел. Ассоциации - ноль.
Quote
Всех с наступающим новым годом. santa У меня такой вопрос: Почему на странице новостей, на которую приходит рассылка rss отображается только текст а картинок или фото нет? Короче с другого сайта с ленты rss на моём только текст, почему, так длжно быть? Или можно сделать что бы и фото отображались? Ещё раз ВСЕХ с наступающим ПРАЗДНИКОМ, удачи, успехов, возможности и здоровья ! ! !

- Твоё?
[8] Alex86 [07.01.2011, 21:39]
Вот твой ответ на мой вопрос
Кстати тут и сайты и проблема именно моя.

Code
<div id="rssit_4">$RSSIT_4$</div><!-- Ваш канал импорта в блоке с индивидуальным ID -->
<script type="text/javascript">
$(document).ready(function(){
$('#rssit_4 img[src^="/"]').each(function(){
this.src='http://86.gibdd.ru'+$(this).attr('src'); /* здесь должен быть ваш домен с которого осуществляется импорт */
});
});
</script>

Что тут ещё не хватает?

Добавлено (07.01.2011, 21:34)
---------------------------------------------
Я пока далёк от этого всего, но потихоньку учусь. Читаю литературу, сейчас качаю UCOZBOOK

Добавлено (07.01.2011, 21:39)
---------------------------------------------

Quote (likbezz)
Quote
Всех с наступающим новым годом. santa У меня такой вопрос: Почему на странице новостей, на которую приходит рассылка rss отображается только текст а картинок или фото нет? Короче с другого сайта с ленты rss на моём только текст, почему, так длжно быть? Или можно сделать что бы и фото отображались? Ещё раз ВСЕХ с наступающим ПРАЗДНИКОМ, удачи, успехов, возможности и здоровья ! ! !
- Твоё?

Моё,моё ! ! !
[9] likbezz [07.01.2011, 21:44]
Alex86,
Quote (code)
<div id="rssit_4"> <br> <script type="text/javascript" src="http://car86-megion.ucoz.ru/index/0-10/4.js"> <br /> </script></div> <br> <script type="text/javascript">$(document).ready(function(){$('#rssit_4 img[src^="/"]').each(function(){this.src='http://86.gibdd.ru'+$(this).attr('src');});$('#rssit_4 a[href^="/"]').each(function()<br /> {this.href='http://car86-megion.ucoz.ru'+$(this).attr('href');this.target='_blank';<br /> });<br /> });<br /> </script>

- Это что? ...
<br /> - этого вообще не должно быть в данном коде ....
...
http://car86-megion.ucoz.ru/index/0-10/4.js - не существует, кроме того, криво вставлено - жесть, даже скопировать и вставить не могут ....

Вот это, в режиме HTML

Code
<div id="rssit_4">$RSSIT_4$</div><!-- Ваш канал импорта в блоке с индивидуальным ID -->
<script type="text/javascript">
$(document).ready(function(){
$('#rssit_4 img[src^="/"]').each(function(){
this.src='http://86.gibdd.ru'+$(this).attr('src'); /* здесь должен быть ваш домен с которого осуществляется импорт */
});});
</script>


....
Замените на своё - $RSSIT_4$ - на ваш - существующий ....
А this.src='http://86.gibdd.ru' - на домен, с которого идет импорт ....
Канал ДОЛЖЕН существовать.

Кроме того - материал по теме
«RSS-импорт. Изменяем/корректируем ссылки на изображения»
...

Прикрепления: 2159499.png (23.5 Kb)
[10] Alex86 [15.01.2011, 18:19]
Ссылки на фото есть, но они не отображаются.
Но при нажатии на пустую рамку открывается большая картинка???

From Flesh
- Вопрос решён.

Добавлено (15.01.2011, 17:53)
---------------------------------------------

Добавлено (15.01.2011, 18:19)
---------------------------------------------
Вот

...
Re:
“Правильный” шаблон.


...
Прикрепления: 9632852.png (8.8 Kb) · 7798518.png (22.7 Kb)


Сообщение отредактировал Alex86 - Суббота, 15.01.2011, 18:08
[11] likbezz [17.01.2011, 03:29]
For rpaion
Короче.
...
Как бы так попроще-то ....

В шаблоне форума, после глобального блока $GLOBAL_BFOOTER$, добавляете, а точнее, уже добавил, код:

Code
<?if($PAGE_ID$='category' or $PAGE_ID$='forum' or $PAGE_ID$='threadpage')?>
<script type="text/javascript" src="/_theme/_js/_mparurl_v0.js"></script>
$GLOBAL_ADVT$
<?endif?>

Где:
<?if($PAGE_ID$='category' or $PAGE_ID$='forum' or $PAGE_ID$='threadpage')?> - условия, которые определяют где показывать блок с банерами, а где нет.
<script type="text/javascript"...></script> - ссылка на мой скрипт.
$GLOBAL_ADVT$ - глобальный блок под это дело. О нём ниже.
...

...
Всё.
На этом настройка форума закончилась.
...
$GLOBAL_ADVT$
Его примерное содержание:

Quote
<div id="outCont"><!--Блоки для банеров. Классы (out1) - цифра==ID раздела-->
<!--@Start(Блоки для банеров)@-->
<div class="out1 out2 out23 out29">
<img src="/_theme/baner/88x31.gif" width="88" height="31" />
<img src="/_theme/baner/baner.gif" width="88" height="31" />
<img src="/_theme/baner/88x31.gif" width="88" height="31" />
<img src="/_theme/baner/baner.gif" width="88" height="31" />
</div>
<div class="out2">Здесь располагается содержимое class "out2"</div>
<div class="out3">Здесь располагается содержимое class "out3"</div>
<div class="out4">Здесь располагается содержимое class "out4"</div>
<div class="out5">Здесь располагается содержимое class "out5"</div>
<div class="out6">Здесь располагается содержимое class "out6"</div>
<div class="out7">Здесь располагается содержимое class "out7"</div>
<div class="out8">Здесь располагается содержимое class "out8"</div>
<div class="out9">Здесь располагается содержимое class "out9"</div>
<div class="out10">Здесь располагается содержимое class "out10"</div>
<div class="out20">Здесь располагается содержимое class "out20"</div>
<div class="out22">Здесь располагается содержимое class "out22"</div>
<div class="out25">
<img src="/_theme/baner/88x31.gif" width="88" height="31" />
<img src="/_theme/baner/baner.gif" width="88" height="31" />
<img src="/_theme/baner/88x31.gif" width="88" height="31" />
<img src="/_theme/baner/baner.gif" width="88" height="31" />
</div>
<!--@/End(Блоки для банеров)@-->
</div>

Где:
id="outCont" - нельзя менять. Привязан к скрипту. Прописан в CSS.
<div class="out2"> - блок с банерами для одного форума с ID = 2. Менять можно ТОЛЬКО цифру.
<div class="out1 out2 out23 out29"> - блок для нескольких форумов с с ID = 1, 2, 23, 29. Количество ограничено пределами разумности. Пишутся через одинарный пробел.

ID-форума, к которому принадлежит тема/категория, можно узнать из адресной строки:

- первая цифра после слеша («forum/») - здесь = «23» ... (на скриншоте)
....

Важно.
Если вы вдруг, случайно, прописали два блока с одинаковыми классами - будет выводится только первый.
...
Весь контент должен быть именно в этих блоках - прописаны в скрипте и в стилях. (можно менять стили).
...

...

Дополнительно.
Кроме того, можно выводить информацию из информеров, импорта удалённого кода, RSS-трансляторов.
Требуется соответствующая настройка шаблонов, как для иннформеров, так и для RSS-трансляторов.

Импорт удалённого кода - лучше делать только со своих страниц.
То есть, вместо всех этих блоков:

Code
<div class="out2">Здесь располагается содержимое class "out2"</div>
<div class="out3">Здесь располагается содержимое class "out3"</div>
<div class="out4">Здесь располагается содержимое class "out4"</div>

, вы вставляете код $RCODE_1$, а содержание самой импортируемой страницы следующее:
Code
<!--@Start(Блоки для банеров)@-->
<div class="out1 out23 out29">
<img src="/_theme/baner/88x31.gif" width="88" height="31" />
<img src="/_theme/baner/baner.gif" width="88" height="31" />
<img src="/_theme/baner/88x31.gif" width="88" height="31" />
<img src="/_theme/baner/baner.gif" width="88" height="31" />
</div>
.... и так далее ....
<div class="out22">Здесь располагается содержимое class "out22"</div>
<!--@/End(Блоки для банеров)@-->

То есть, весь глобальный блок, кроме <div id="outCont"> - выносим во внешнюю, статическую страницу (цы) ....


...

Тогда, глобальный блок должен иметь примерно следующее содержание:

Code
<div id="outCont"><!--Блоки для банеров. Классы (out1) - цифра==ID раздела-->
$RCODE_1$
</div>


...

Мелочёвка.
Контент в блоках может быть абсолютно любого характера. В разумных, опять же, пределах.
То есть, это может быть и флеш содержимое, и всякие плееры, банеры, картинки, скрипты-ротаторы и прочее ....
...
Что ещё ...
При редактировании глоб. блока - повнимательнее.

На каждый открывающийся див, должна быть его закрывающая половинка. .... ヅ
...
Вроде всё... ヅ

Прикрепления: 6581532.png (3.5 Kb) · 4530239.png (5.7 Kb) · 6577478.png (3.6 Kb) · 5372434.png (5.2 Kb) · 4596306.png (11.6 Kb)
[12] likbezz [03.02.2011, 19:26]
For rpaion
...
Итак.
Смена дизайна в зависимости от блога пользователя.
...
Теория.
...
Блог пользователя, а именно страницы с полным сообщением и страницы с категории данного пользователя имеют свои уникальные классы.
А именно:
Quote
<body id="myBody" class="usBlog2">

Где:
2 - уникальный ID категории блога. То бишь - сколько категорий - столько и ID.

Например:
«Блог Татики» - имеет ID == 2. (http://rpaion.ru/blog/blog_tatiki/1-0-2) ...

Кроме того, с учетом того что дизайны блогов могут быть абсолютно разными, подключается ещё и уникальная CSS - для каждого блога - своя.

То есть, для блога «Татики», например вот эта:

Quote
<link rel="stylesheet" type="text/css" href="/_theme/_st/bl/_st2.css" />

Где:
_st2.css - уникальная CSS для каждого блога. Создается руками и заливается на сайт.

На этом всё и построено.


Практика.
...
Создаём новый блог пользователя.

В ПУ - создаём новую категорию, называем как хотим и запоминаем её ID.

Скачиваем файл (/_theme/_st/bl/_stID.css), или создаём свой, с именем _st2.css - «2» заменяем на цифру вновь созданной категории.

Это (_stID.css) «чистый» файл стилей - его можно скачать, изменить, переименовать и залить обратно, под новым именем.

Корректируем его, а именно:
Вот эти строки:

Quote
/*Start(usBlog1Styles)*/
#myBody.usBlog2{background:#010101 url('img/us1-bd-bg.jpg') fixed repeat-y top center;}
.usBlog2 .usHeader{background-image:url('img/us1-hd.jpg');width:1024px;height:306px;color:#d6dae4;}
.usBlog2{}
.usBlog2{}
/*End(usBlog1Styles)*/

Где:
#myBody.usBlog2{background:#010101 url('img/us1-bd-bg.jpg') fixed repeat-y top center;} - стили для body - данного, конкретного блога. Фоновая картинка и фоновый цвет.

.usBlog2 .usHeader{background-image:url('img/us1-hd.jpg');width:1024px;height:306px;color:#d6dae4;} - стили для шапки. А именно - для фоновой картинки (background-image:url('img/us1-hd.jpg');); высота и ширина шапки (width:1024px;height:306px;); цвет надписи в шапке (color:#d6dae4;).

.usBlog2{} - прочие стили, что нужно поменять. Любые. Через CSS селекторы дочерних элементов.

То бишь.
Что бы сделать все ссылки по умолчанию болдом, только для данной категории блога, нужно прописать следующее:

Quote
.usBlog2 a{font-weight:bold;}

Где:
«2» - ID данного блога.

После редактирования - заливаем файл на сайт в папку ./_theme/_st/bl/.
Картинки - не принципиально, но лучше туда же, в папку «img» - ./_theme/_st/bl/img/ ...
...

В принципе - всё.
и так далее.


Мелачёвка:
Картинка фона и картинка для шапки могут иметь любое имя, но советую как-то упорядочить их, например привязкой имени к ID.
Например:
us2-hd.jpg - имя фоновой картинки шапки. Где «2» - ID категории, данного блога.
us3-bd-bg.jpg - имя фоновой картинки для body. Где «3» - ID категории блога, где она используется.

Картинка шапки должна иметь максимальную ширину не более 1024px. Иначе лишнее скрывается.
Нельзя назначать ширину блока «usHeader» более 1024px.
...
Для блога без категории, редактируем стили _st0.css.
...
Все вновь созданные категории автоматически появятся в меню блогов - что под шапкой.
...

Важно.
В шаблонах ничего менять не нужно, все классы и ссылки на таблицы стилей прописываются автоматически.

Прикрепления: 8136104.png (2.1 Kb) · 7073328.png (2.5 Kb)
[13] likbezz [01.06.2011, 01:31]
For ty
Идёшь в ПУ и заменяешь свой скрипт на данный (это твой скрипт, слегка мною измененный):

Скрипт:
Code
<script type="text/javascript">
function j(id){return document.getElementById(id)}
function addLoadEvent(func){var oldonload=window.onload;if(typeof window.onload!='function'){window.onload=func}else{window.onload=function(){oldonload();func()}}}
function addBtn(){if(!j('ibanner')||!j('ibanner_pic'))return;var picList=j('ibanner_pic').getElementsByTagName('a');if(picList.length==0)return;var btnBox=document.createElement('div');btnBox.setAttribute('id','ibanner_btn');var SpanBox='';for(var i=1;i<=picList.length;i++){var spanList='<span class="normal">'+i+'</span>';SpanBox+=spanList}btnBox.innerHTML=SpanBox;j('ibanner').appendChild(btnBox);j('ibanner_btn').getElementsByTagName('span')[0].className='current';for(var m=0;m<picList.length;m++){var attributeValue='picLi_'+m;picList[m].setAttribute('id',attributeValue)}}
function moveElement(elementID,final_x,final_y,interval){if(!document.getElementById)return false;if(!document.getElementById(elementID))return false;var elem=document.getElementById(elementID);if(elem.movement){clearTimeout(elem.movement)}if(!elem.style.left){elem.style.left="0px"}if(!elem.style.top){elem.style.top="0px"}var xpos=parseInt(elem.style.left);var ypos=parseInt(elem.style.top);if(xpos==final_x&&ypos==final_y){moveing=false;return true}if(xpos<final_x){var dist=Math.ceil((final_x-xpos)/10);xpos=xpos+dist}if(xpos>final_x){var dist=Math.ceil((xpos-final_x)/10);xpos=xpos-dist}if(ypos<final_y){var dist=Math.ceil((final_y-ypos)/10);ypos=ypos+dist}if(ypos>final_y){var dist=Math.ceil((ypos-final_y)/10);ypos=ypos-dist}elem.style.left=xpos+"px";elem.style.top=ypos+"px";var repeat="moveElement('"+elementID+"',"+final_x+","+final_y+","+interval+")";elem.movement=setTimeout(repeat,interval)}
function classNormal(){var btnList=j('ibanner_btn').getElementsByTagName('span');for(var i=0;i<btnList.length;i++){btnList[i].className='normal'}}
function picZ(){var picList=j('ibanner_pic').getElementsByTagName('a');for(var i=0;i<picList.length;i++){picList[i].style.zIndex='1'}}var autoKey=false;
function iBanner(){if(!j('ibanner')||!j('ibanner_pic')||!j('ibanner_btn'))return;j('ibanner').onmouseover=function(){autoKey=true};j('ibanner').onmouseout=function(){autoKey=false};var btnList=j('ibanner_btn').getElementsByTagName('span');var picList=j('ibanner_pic').getElementsByTagName('a');if(picList.length==1)return;picList[0].style.zIndex='2';for(var m=0;m<btnList.length;m++){btnList[m].onmouseover=function(){for(var n=0;n<btnList.length;n++){if(btnList[n].className=='current'){var currentNum=n}}classNormal();picZ();this.className='current';picList[currentNum].style.zIndex='2';var z=this.childNodes[0].nodeValue-1;picList[z].style.zIndex='3';if(currentNum!=z){picList[z].style.left='688px';moveElement('picLi_'+z,0,0,10)}}}}
/*setInterval('autoBanner()', 5000);*/
function autoBanner(){if(!j('ibanner')||!j('ibanner_pic')||!j('ibanner_btn')||autoKey)return;var btnList=j('ibanner_btn').getElementsByTagName('span');var picList=j('ibanner_pic').getElementsByTagName('a');if(picList.length==1)return;for(var i=0;i<btnList.length;i++){if(btnList[i].className=='current'){var currentNum=i}}if(currentNum==(picList.length-1)){classNormal();picZ();btnList[0].className='current';picList[currentNum].style.zIndex='2';picList[0].style.zIndex='3';picList[0].style.left='688px';moveElement('picLi_0',0,0,10)}else{classNormal();picZ();var nextNum=currentNum+1;btnList[nextNum].className='current';picList[currentNum].style.zIndex='2';picList[nextNum].style.zIndex='3';picList[nextNum].style.left='688px';moveElement('picLi_'+nextNum,0,0,10)}}
addLoadEvent(addBtn);
addLoadEvent(iBanner);
</script>


Стили, на всякий:
Code
<style type="text/css">
#ibanner{position:relative;width:688px;height:300px;overflow:hidden;}
#ibanner_pic a{position:absolute;top:0;display:block;width:688px;height:300px;overflow:hidden;}
#ibanner_btn{position:absolute;z-index:9999;right:5px;bottom:5px;font-weight:700;font-family:Arial;}
#ibanner_btn span{display:block;float:left;margin-left:4px;background:#E1E5E6;cursor:pointer;padding:0 5px;}
#ibanner_btn .normal{height:16px;margin-top:8px;color:#493E33;font-size:13px;line-height:16px;}
#ibanner_btn .current{height:20px;background:#AEAEAE;color:#fff;font-size:15px;line-height:20px;}
</style>

...
Всё это дело, вполне можно запихнуть в общие стили, а скрипт во внешний файл и просто подключать по необходимости.
... Скрип во внешнем файле в прикреплении ...
...

Я же сказал только скрипт заменить ... а не целиком код.

HTML блока банеров:

...
Прикрепления: ibanner.js (3.5 Kb)
[14] likbezz [02.06.2011, 08:33]
Code
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
[15] likbezz [09.06.2011, 02:04]
Полная версия сайта