Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Архив » Тема для переноса неважных сообщений из важных тем (Корзина)


Тема для переноса неважных сообщений из важных тем (Корзина)

Сообщений 41 страница 60 из 1146

41

Сиськи на чистом CSS


Ну вы поняли наверное о чем сейчас будет идти речь  Сиськи на чистом CSS3!
Кто хочет установить себе этот прикол, то вот код:

Код:
<script type="text/javascript" src="http://klass-10a.ucoz.ru/CSS3/jquery.min.js"></script>  
    <script type="text/javascript" src="http://klass-10a.ucoz.ru/CSS3/jquery-ui.min.js"></script>  
    <!--if IE>  
    <script src="http://klass-10a.ucoz.ru/CSS3/html5.js"></script>  
    <!--endif-->  
    <link rel="stylesheet" href="http://klass-10a.ucoz.ru/CSS3/body.css">  
    <link rel="stylesheet" href="http://klass-10a.ucoz.ru/CSS3/index.css">  
    <script type="text/javascript" src="http://klass-10a.ucoz.ru/CSS3/body.js"></script>  
    <div class="body">  
    <div class="chest">  
    <div class="left"><div class="clavicle"></div></div>  
    <div class="right"><div class="clavicle"></div></div>  
    </div>  
    <div class="breast">  
    <div class="left"><ul class="boob"><li class="nipple"></li></ul></div>  
    <div class="right"><ul class="boob"><li class="nipple"></li></ul></div>  
    <div class="between"></div>  
    </div>  
    <div class="belly">  
    <div class="left"></div>  
    <div class="button">O</div>  
    <div class="right"></div>  
    </div>  
    <div class="thigh">  
    <div class="left"></div>  
    <div class="right"></div>  
    </div>  
    </div>  
    <div class="controls">  
    Потрогать:  
    <input id="touch-left" value="Левая" type="button">  
    <input id="touch-both" value="Обе" type="button">  
    <input id="touch-right" value="Правая" type="button"><br>  
    Размеры:  
    <input id="size-1" value="№ 1" type="button">  
    <input id="size-2" value="№ 2" type="button">  
    <input id="size-3" value="№ 3" type="button">  
    <input id="size-4" value="№ 4" type="button">  
    <input id="size-5" value="№ 5" type="button">  
    </div>

не ну правда прикольно ведь  http://i039.radikal.ru/0806/ec/a5ffc6d7cfd9.gif

Отредактировано baron4ik (Пн, 17 Окт 2011 21:28:36)

0

42

Romych написал(а):

самая последняя на данный момент версия скрипта,отличается ёмкостью кода и удобством присвоении иконки при создании новой темы,теперь необязательно сначала присвоить иконку, а потом писать название, теперь это можно делать в любой очерёдности
            Иконки для тем v.5.2

:glasses: А нельзя поправить скрипт для уже созданных тем, поскольку там только отображение поправить - не сравнивать по fid - а сравнивать по наличию

<p class="inputfield required longinput">

(Это контейнер поля ввода названия темы

Отредактировано Deff (Вт, 1 Ноя 2011 15:44:36)

0

43

Deff написал(а):

А нельзя поправить скрипт для уже созданных тем, поскольку там только отображение поправить - не сравнивать по fid - а сравнивать по наличию

ты имеешь ввиду, сделать отображение панели назначения иконки для темы  в любом случае, когда идёт манипуляция с названием темы?

0

44

Romych написал(а):

ты имеешь ввиду, сделать отображение панели назначения иконки для темы  в любом случае, когда идёт манипуляция с названием темы?

Да - как и с первым постом в теме

0

45

в общем по просьбе Deff'a
родилась ещё одна версия, которая позволяет присваивать иконки не только для создаваемых новых тем, но и для уже существующих, при редактировании первого поста в них
в HTML в форме ответа больше не надо ничего вставлять, блок оттуда удаляем, поскольку при редактировании сообщений он всё равно невидим,
теперь всё целиком находится в самом скрипте

Версия 5.3
с возможностью присваивать иконки создаваемым и уже созданным темам

в html-низ:

Код:
<!--иконки в темах v.5.3-->
<script language="javascript">
var tit=$('input[name="req_subject"]').val();
if(tit.length>=0) 
{$('form#post p.checkfield').after('<div id="iconki"><center><strong>Иконки сообщения</strong><br><p>Если вы хотите визуально выделить тему, выберите ключевое слово и тогда вашей теме будет присвоена соответствующая иконка<br>(пример: <i><font color="blue">Love. Хочу познакомиться</font></i>)</p></center><table><tr align="center"><td style="border-width:0"><span class="ikn1"><img alt="" src="http://i.smiles2k.net/aiwan_smiles/skull.gif" title="присвоить теме эту иконку"> - Важно. </span></td><td style="border-width:0"><span class="ikn2"><img alt="" src="http://i.smiles2k.net/icq_smiles/27.gif" title="присвоить теме эту иконку"> - Интересно. </span></td><td style="border-width:0"><span class="ikn3"><img alt="" src="http://www.iconsearch.ru/uploads/icons/kids/16x16/bookmark.png" title="присвоить теме эту иконку"> - Love. </span></td><td style="border-width:0"><span class="ikn4"><img alt="" src="http://www.iconsearch.ru/uploads/icons/fugue/16x16/question.png" title="присвоить теме эту иконку"> - Вопрос. </span></td><td style="border-width:0"><span class="ikn5"><img alt="" src="http://s05.radikal.ru/i178/1009/08/d525b32344d7.gif" title="присвоить теме эту иконку"> - Внимание! </span></td></tr></table></div>');};
$('span[class^="ikn"]').css('cursor','pointer');
$('span[class^="ikn"]').click(function(){
laib=$(this).text().slice(3);
naz=$('input[name="req_subject"]').val();
$('input[name="req_subject"]').attr('value',''+laib +naz);
});
var Vnimanie = 'http://s05.radikal.ru/i178/1009/08/d525b32344d7.gif';
var Vajno = 'http://i.smiles2k.net/aiwan_smiles/skull.gif';
var Vopros = 'http://www.iconsearch.ru/uploads/icons/fugue/16x16/question.png';
var Interesno = 'http://i.smiles2k.net/icq_smiles/27.gif';
var Loves = 'http://www.iconsearch.ru/uploads/icons/kids/16x16/bookmark.png';
$("div.tclcon, td.tcr, div#pun-crumbs1 p, div#pun-crumbs2 p, div#pun-viewtopic div#pun-main h1 span, div#pun-searchtopics div#pun-main div.forum div.container table tbody.hasicon tr td.tcl a").map(function () {
zam = $(this).html();
if(zam.indexOf("Важно.") != -1) { 
$(this).html(zam.replace(/Важно./gi, '<img style="height: 21px;" src="'+Vajno+'"/>')); }
if(zam.indexOf("Интересно.") != -1) { 
$(this).html(zam.replace(/Интересно./gi, '<img src="'+Interesno+'"/>')); }
if(zam.indexOf("Вопрос.") != -1) { 
$(this).html(zam.replace(/Вопрос./gi, '<img src="'+Vopros+'"/>')); }
if(zam.indexOf("Love.") != -1) { 
$(this).html(zam.replace(/Love./gi, '<img src="'+Loves+'"/>')); }
if(zam.indexOf("Внимание!") != -1) { 
$(this).html(zam.replace(/Внимание!/gi, '<img src="'+Vnimanie+'"/>')); }
}); 
</script>

пока не работал над сокращением кода, тестируем

Отредактировано Romych (Пт, 11 Ноя 2011 15:13:36)

+2

46

Ох...ребята–а–а! Ну я вас просто обожаю! Спасибо за реализацию такого полезного скрипта, очень вам благодарна! И за такую хорошую идею, спасибо. Обязательно попробую.

0

47

Romych, а  :blush: Можно попросит еще об одной услуге ?
Cделать некоторую приделку, благодаря которой, темы выделенные иконкой  "Важно" , становились выше всех в форуме, (*думаю востребованность скрипта станет выше.

Отредактировано Deff (Пт, 11 Ноя 2011 15:41:55)

0

48

Deff написал(а):

Cделать некоторую приделку, благодаря которой, темы выделенные иконкой  "Важно" , становились выше всех в форуме, (*думаю востребованность скрипта станет выше.

Я тоже так думаю! :D
Жаль вообще уж нельзя все темы по своему расставлять...

0

49

Romych написал(а):

Finka написал(а):

    Может, проблема в том, что иконка сразу входит в линк.  IPB-шные иконки стоят рядом с линком.

а у нас пока по другому и не получится, потому что в названии самой темы присутствует ключевое слово

css творит чудеса. ;) потом выложу тот вариант, которым я решила эту проблему.
у меня вопрос по версии 2
можно ее как-нибудь "допилить", чтобы при новых сообщениях горела другая заданная иконка?
а то я ковыряла-ковыряла и недоковырялась. :disappointed:

0

50

хм... вопросов стало больше. помогите допилить штуку, которую я начала делать на основе поста 8
Цель - выделение определенных тем персональной иконкой и описанием. (в моем случае - это рекламные темы форумов-друзей)

Код:
<!--иконки в темах NOT_FINISHED_YET-->
<style>#part-icon1 {background: #fff url(http://uploads.ru/i/J/A/3/JA3hv.jpg) no-repeat; height: 48px; width: 50px; position: absolute; left: 23px;}
#part-icon2 {background: #fff url(http://uploads.ru/i/1/u/L/1uLhj.jpg) no-repeat; height: 48px; width: 50px; position: absolute; left: 23px;}
#pun-main .tcr #part-icon1, #pun-main .tcr #part-icon2 {display:none;}
</style>
<script type="text/javascript">
$(function(){
$('.ikn1, .ikn2, .ikn3, .ikn4, .ikn5').css('cursor','pointer');
$('.ikn1').click(function(){
$('input#fld3').attr('value','Партнер1 ');});
$('.ikn2').click(function(){
$('input#fld3').attr('value','Партнер2 ');});


$("div.tclcon, td.tcr").map(function () {
text = $(this).html();

if(text.indexOf("Партнер1") != -1) {
lconer = /\<a\ href=(.*?)\>Партнер1(.*?)\<\/a\>/gi
$(this).html(text.replace(lconer, "<div id='part-icon1' /></div><font color='maroon'><b>Наш партнер. Рекомендовано ForumD.ru</b></font></div>&nbsp;<br/><a href=$1>$2</a>")); 
} 
if(text.indexOf("Партнер2") != -1) {
lconer = /\<a\ href=(.*?)\>Партнер2(.*?)\<\/a\>/gi
$(this).html(text.replace(lconer, "<div id='part-icon2' /></div><font color='maroon'><b>Наш партнер. Рекомендовано ForumD.ru</b></font></div>&nbsp;<br/><a href=$1>$2</a>")); 
} 
}); });
if(document.URL.indexOf('post.php?fid')!=-1) 
{document.getElementById('iconki').style.display = 'inline';}
</script>

как видно, действовать я начала через css, а вот знаний js мне явно не хватает.
проблемы на данный момент две:
1. хотелось бы сделать иконку для новых сообщений и для отсутствия таковых разную.
2. (обязательная) происходит баг на главной странице форума, когда оставляют сообщения в выделенной теме:
http://uploads.ru/i/7/3/j/73jUZ.jpg
http://forumd.ru/

APD
баг с вылезанием иконки на главной исправлен

Отредактировано Герда (Сб, 12 Ноя 2011 06:25:46)

0

51

Герда написал(а):

Цель - выделение определенных тем персональной иконкой и описанием. (в моем случае - это рекламные темы форумов-друзей)

цель понятна, мне не понятно где кнопки, на которые вы функции клика прописываете?
зарегился у вас, зашёл в тему про партнёров, попытался создать новую тему, но не вижу никаких кнопок-иконок
класса .ikn1
класса .ikn2
или я чего-то не так понял? может быть по задумке никаких кнопок и не должно быть в форме ответа, а вы просто вручную будете прописывать ключевые слова в названии темы, которые при публикации превратятся в соответствующие иконки, так?

скрипт-то сократить и допилить не проблема

p.s.
многие скрипты у вас можно сократить, так что вместо 40 строк js кода будет 10

0

52

Deff написал(а):

Cделать некоторую приделку, благодаря которой, темы выделенные иконкой  "Важно" , становились выше всех в форуме, (*думаю востребованность скрипта станет выше.

попробую )

+2

53

Romych написал(а):

попробую )

http://mybb.ru/f/collection/0226.gif  Заранее СПС , ксать запросы были и тут и на ZeroParking

0

54

Romych написал(а):

может быть по задумке никаких кнопок и не должно быть в форме ответа, а вы просто вручную будете прописывать ключевые слова в названии темы, которые при публикации превратятся в соответствующие иконки, так?

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

скрипт-то сократить и допилить не проблема

буду оч благодарна.
а возможно при новых сообщениях прописать другую иконку?

0

55

Герда написал(а):

буду оч благодарна.
а возможно при новых сообщениях прописать другую иконку?

для такого же ключего слова, как например Партнёр1?

можете мне дать временно доступ в админку, чтоб мне видеть как должно выглядеть?

0

56

Romych написал(а):

для такого же ключего слова, как например Партнёр1?

желательно...
ибо я пока не представляю другого способа воплотить идею персональной иконки для темы.

отправляю в ЛС пасс

0

57

Можно сделать, чтобы при наведении на иконку всплывало её название?

0

58

Romych
Как насчёт моего последнего вопроса? Скоро Новый год, надо всё доделать :D

0

59

Finka написал(а):

Можно сделать, чтобы при наведении на иконку всплывало её название?

Finka
так пойдёт?

Код:
<!--иконки в темах v.5.3-->
<script language="javascript">
$('form#post p.checkfield').after('<div id="iconki" style="display:none"><center><strong>Иконки сообщения</strong><br><p>Если вы хотите визуально выделить тему, выберите ключевое слово и тогда вашей теме будет присвоена соответствующая иконка<br>(пример: <i><font color="blue">Love. Хочу познакомиться</font></i>)</p></center><table><tr align="center"><td style="border-width:0"><span class="ikn1"><img alt="" src="http://i.smiles2k.net/aiwan_smiles/skull.gif" title="присвоить теме эту иконку"> - Важно. </span></td><td style="border-width:0"><span class="ikn2"><img alt="" src="http://i.smiles2k.net/icq_smiles/27.gif" title="присвоить теме эту иконку"> - Интересно. </span></td><td style="border-width:0"><span class="ikn3"><img alt="" src="http://www.iconsearch.ru/uploads/icons/kids/16x16/bookmark.png" title="присвоить теме эту иконку"> - Love. </span></td><td style="border-width:0"><span class="ikn4"><img alt="" src="http://www.iconsearch.ru/uploads/icons/fugue/16x16/question.png" title="присвоить теме эту иконку"> - Вопрос. </span></td><td style="border-width:0"><span class="ikn5"><img alt="" src="http://s05.radikal.ru/i178/1009/08/d525b32344d7.gif" title="присвоить теме эту иконку"> - Внимание! </span></td></tr></table></div>');
var Vnimanie = 'http://s05.radikal.ru/i178/1009/08/d525b32344d7.gif';
var Vajno = 'http://i.smiles2k.net/aiwan_smiles/skull.gif';
var Vopros = 'http://www.iconsearch.ru/uploads/icons/fugue/16x16/question.png';
var Interesno = 'http://i.smiles2k.net/icq_smiles/27.gif';
var Loves = 'http://www.iconsearch.ru/uploads/icons/kids/16x16/bookmark.png';
$(function(){
$('span[class^="ikn"]').css('cursor','pointer');
$('span[class^="ikn"]').click(function(){
laib=$(this).text().slice(3);
titl=$('input[name="req_subject"]').val();
$('input[name="req_subject"]').attr('value',''+laib +titl);
});
$("div.tclcon, td.tcr, div#pun-crumbs1 p, div#pun-crumbs2 p, div#pun-viewtopic div#pun-main h1 span, div#pun-searchtopics div#pun-main div.forum div.container table tbody.hasicon tr td.tcl a").map(function () {
zam = $(this).html();
if(zam.indexOf("Важно.") != -1) { 
$(this).html(zam.replace(/Важно./gi, '<img style="height: 21px;" src="'+Vajno+'" title="Важно"/>')); }
if(zam.indexOf("Интересно.") != -1) { 
$(this).html(zam.replace(/Интересно./gi, '<img src="'+Interesno+'" title="Интересно"/>')); }
if(zam.indexOf("Вопрос.") != -1) { 
$(this).html(zam.replace(/Вопрос./gi, '<img src="'+Vopros+'" title="Вопрос"/>')); }
if(zam.indexOf("Love.") != -1) { 
$(this).html(zam.replace(/Love./gi, '<img src="'+Loves+'" title="Love"/>')); }
if(zam.indexOf("Внимание!") != -1) { 
$(this).html(zam.replace(/Внимание!/gi, '<img src="'+Vnimanie+'" title="Внимание!"/>')); }
}); }); 
nazv=$('input[name="req_subject"]').val();
if(nazv.length>=0) 
{$('#iconki').css('display','inline');}
</script>

0

60

Romych
  а можно покрасивее, например, как здесь?
http://uploads.ru/i/1/x/a/1xa9m.jpg

0


Вы здесь » Единый форум поддержки » Архив » Тема для переноса неважных сообщений из важных тем (Корзина)