Divflickr
Друзья dotclear добрый день.
Я вас здесь представляю как добавлять красивую прозрачную копировку, включающую кадр diaporama Flickr как это присутствует на этом блоге. (щелкните по "фотографиям" в верхнем меню) оказанное под IE возможно будет менее эротическим, так как управление transprence png там довольно случайно … Le rendu sous IE sera peut-être moins sexy, car la gestion de la transprence des png y est assez aléatoire…
Divflickr Трафиком свиной кожи
- оригинальный кодекс: Пьер де Ла Кель
- Дизайн: Я не знаю больше, откуда приходят края png, но они свободны, я в этом уверен
Этот addon происходит из моей темы: couenneBlog2
http: // blog.delacelle.com / dotclear2-theme-couenneblog2.zip
Изменения файла, style.css вашей темы:
Добавляясь в начале или в конце вашего файла style.css
#photos {
width:580px;
margin-left:300px;
position:absolute;
top:140px;
display:none;
cursor: пойнтер;
z-индекс: 2;
}
Добавлять атрибут
z-индекс: 1;
В классе
.post-знаки
из вашего CSS (Или знаки приходят помещаться в середину вашего красивого diaporama!)
Поместите изображения молнии, привязанной к этому билету в документе / img из вашей темы.
В ваш файл, _top.html, добавьтесь до закрытия радиомаяка </p>, точно в конце файла:
<div то же = "фотографии">
<стол, width = ” 564 ″ окаймлять = ” 0 ″ cellspacing = ” 0 ″ cellpadding = ” 0 ″ align = " Center ”> <tr>
<td width = ” 32 ″ height = ” 32 ″ стиль = ” width: 32px; height: 32px; фон: url ({{Tpl:BlogThemeURL}} / img / top-left.png) там, repeat-y; ”> *JyT0knbsp; height: 32px; background: url({{tpl:BlogThemeURL}}/img/top-left.png) repeat-y;”>
</td>
<td width = ” 500 ″ height = ” 32 ″ стиль = ” width: 500px; height: 32px; фон: url ({{Tpl:BlogThemeURL}} / img / border-top.png) repeat-x; ”> *JyT0knbsp; </td> <td width = ” 32 ″ height = ” 32 ″ стиль = ” width: 32px; height: 32px; фон: url ({{Tpl:BlogThemeURL}} / img / top-right.png) N - repeat; ”> *JyT0knbsp; </td> height: 32px; background: url({{tpl:BlogThemeURL}}/img/border-top.png) repeat-x;”> </td> <td width=”32″ height=”32″ style=”width: 32px; height: 32px; background: url({{tpl:BlogThemeURL}}/img/top-right.png) no-repeat;”> </td>
</tr> <Tr>
<td стиль = ” width: 32px; фон: url ({{Tpl:BlogThemeURL}} / img / border-left.png) там, repeat-y; ”> *JyT0knbsp; </td> <td стиль = ” фон: #FFF; ”> <iframe стиль = " Margin-top:10px " src=http: // www.flickr.com / slideShow / index.gne? user_id=XXXXXXXX@N00 frameBorder=0 width=500 height=500 scrolling=no> </iframe> <Center> <имеет onclick = ” switchMenu ('фотографии '); ” title = ” Скрывать фотографии ”> Скрывать фотографии </имеет> </center> </td> <td width = ” 32 ″, height = "100 %" стиль = ” width: 32px; фон: url ({{Tpl:BlogThemeURL}} / img / border-right.png) там, repeat-y; ”> *JyT0knbsp; </td> background: url({{tpl:BlogThemeURL}}/img/border-left.png) repeat-y;”> </td> <td style=”background: #FFF;”> <iframe style=”margin-top:10px” src=http://www.flickr.com/slideShow/index.gne?user_id=XXXXXXXX@N00 frameBorder=0 width=500 height=500 scrolling=no></iframe> <center><a onclick=”switchMenu(’photos’);” title=”Cacher les photos”>Cacher les photos</a></center> </td> <td width=”32″ height=”100%” style=”width: 32px; background: url({{tpl:BlogThemeURL}}/img/border-right.png) repeat-y;”> </td>
</tr> <Tr>
<td width = ” 32 ″ height = ” 32 ″ стиль = ” width: 32px; height: 32px; фон: url ({{Tpl:BlogThemeURL}} / img / bottom-left.png) там, repeat-y; ”> *JyT0knbsp; </td> <td width = ” 500 ″ height = ” 32 ″ стиль = ” width: 500px; height: 32px; фон: url ({{Tpl:BlogThemeURL}} / img / border-bottom.png) repeat-x; ”> *JyT0knbsp; </td> <td width = ” 32 ″ height = ” 32 ″ стиль = ” width: 32px; height: 32px; фон: url ({{Tpl:BlogThemeURL}} / img / bottom-right.png) там, repeat-y; ”> *JyT0knbsp; </td> height: 32px; background: url({{tpl:BlogThemeURL}}/img/bottom-left.png) repeat-y;”> </td> <td width=”500″ height=”32″ style=”width: 500px; height: 32px; background: url({{tpl:BlogThemeURL}}/img/border-bottom.png) repeat-x;”> </td> <td width=”32″ height=”32″ style=”width: 32px; height: 32px; background: url({{tpl:BlogThemeURL}}/img/bottom-right.png) repeat-y;”> </td>
</tr>
</стол> </div>
Измените хорошо XXXXXXXX@N00 ваш ТО ЖЕ Flickr.
Затем изменитесь
<имеет href = ” # search ”> {{tpl:lang To Search}} </имеет>
<имеет onclick = ” switchMenu ('фотографии '); ” title = ” См. фотографии ”> Фотографии </имеет>
(Я мне позволяет замкнуть эта связь, которая делает дублон часто с #menu)
И наконец, в _head.html вашей темы добавьте этот после последнего радиомаяка:
<режиссерский сценарий отпечатывает = " Text / javascript ”>
<!–
function switchMenu (obj) {
var el = document.getElementById (obj);
тис (el.style.display! = " Block “) {
el.style.display = ' Block ‘;
} else {
el.style.display = ' None ‘;
}
}
//–>
</режиссерский сценарий>




