Я пользовался поисковиком, нашел, но было не то
Там было написано как оформить профиль в обычную рамку
А как в примерно "такую" т.е. свою я не нашел, может подскажете скрипт, чтобы подставить свою рамку
и если не сложно скажите, как оформлять аватар в рамку?
Профиль в рамку
Сообщений 1 страница 20 из 33
Поделиться1Пт, 25 Фев 2011 22:50:17
Поделиться2Пт, 25 Фев 2011 23:22:43
Когда все аватары форума в одинаковом обрамлении - это, конечно, симпатично, но просто так не подгонишь. Я вот подумала о таком варианте:Если это представляется возможным, прошу написать скрипт, задающий "рамку" из четырех элементов (картинок). На примере я все обозначила.
1 и 2 - картинка no-repeat с размером в пикселях или процентах.3 и 4 - картинка repeat-у
Теоретически, это дает возможность создавать множество разнообразных рамок в соответствии со стилем и атмосферой форума.
Чо нидь типо такого > http://hostjs-mybb2011.narod.ru/KsanaAvatarS.htm
Если пойдёт, то код такой
в HTML верхКод:<!-- Табличка Под Авву --> <div id="addtable" style="display:none"> <table cols="3" rows="3" valign="top" cellspacing="0" cellpadding="0" class="frameforavatar"><tbody> <tr class="z1"><td class="W1" colspan="3"></td></tr> <tr class="z2"><td class="W2"></td><td class="AvrImd"></td><td class="W3"></td></tr> <tr class="z3"><td class="W4" colspan="3"></td></tr> </tbody></table></div> <style> table.frameforavatar, table.frameforavatar tr, table.frameforavatar td { table-layout: auto!important; padding:0!important; margin:0!important; border-collapse:collapse!important; border:none 0 transparent!important; text-align:center; } table.frameforavatar td.AvrImd img { display:block; padding:0!important; margin:0!important; border:none 0 transparent!important; } table.frameforavatar td.W2, table.frameforavatar td.W3 { width:20px!important;/*Ширина Подрамника cлево-справо*/ } /*(коррекция сдвига аватара при загрузке рамки)*/ ul li.pa-avatar.item2 img {margin:[color=red]20[/color]px;} /*Ширина Подрамника cлево-справо*/ table.frameforavatar tr.z1, table.frameforavatar tr.z3 { height:20px!important;/*Высота Подрамника cнизу-сверху*/ } table.frameforavatar td.AvrImd { padding:0!important; margin:0!important; width:143px; /*Ширина Аватарки*/ } table.frameforavatar tr.z1 {/* Cтавим верхнюю часть Рамки */ background:url(http://savepic.ru/2171040.gif) no-repeat top center; } table.frameforavatar td.W2 {/* Cтавим Рамку Слева */ background:url(http://savepic.ru/2171040.gif) no-repeat left center; } table.frameforavatar td.W3 {/* Cтавим Рамку Справо */ background:url(http://savepic.ru/2171040.gif) no-repeat right center; } table.frameforavatar tr.z3 {/* Cтавим Рамку Снизу */ background:url(http://savepic.ru/2171040.gif) no-repeat bottom center; } </style><!-- Конец//Табличка Под Авву -->В HTML низ
Код:<script><!--Ставим рамки для Аватара --> $(document).ready(function(){ var Wavr=$("table.frameforavatar td.AvrImd").css("width"); Wavr=parseInt(Wavr.substring(0,Wavr.length-2)); var WFr=$("table.frameforavatar td.W2").css("width"); WFr=parseInt(WFr.substring(0,WFr.length-2)); var tbl=$("#addtable").html() $("div.post-author ul li img[alt='Аватар']").each(function () { $(this).parent().children("img").removeAttr("width") $(this).parent().children("img").removeAttr("height") $(this).parent().find("[alt='Аватар']").css("width",Wavr+"px"); $(this).parent().children("img").removeAttr("height") var s=$(this).parent().html() $(this).before(tbl) $(this).parent().find("table.frameforavatar td.AvrImd").append(s) $(this).parent().find("table.frameforavatar").css("width",(Wavr+2*WFr)+"px"); $(this).parent().find("table.frameforavatar").css("width"); $(this).parent().find("img[alt='Аватар']:last").remove(); });}); </script><!--Конец//Рамки для Аватара-->Если делать "спрайтом", как у меня (т.е. одним рисунком под бекграунд)
- Боковые полоски рамки должны быть по высоте больше максимальной высоты Аватара в форуме (*в частности это зависит от установок для Аватаров в Админке, (*в данной, применённой картинке под бекграунд, она не слишком удовлетворяет по высоте, - для узких и длинных Аватаров могут быть траблыШирина картинки под спрайт = установленная в сss коде ширина Аватарки(* все аватары нормируюцо по ширине) + ширина (левой ++правой) рамок
__________________________________________________
Пару примеров использования данного скрипта
> http://sutrong.ru/viewtopic.php?id=797
http://talkroomz.ru/viewtopic.php?id=259
Отредактировано Deff (Пт, 25 Фев 2011 23:40:09)
Поделиться3Пт, 25 Фев 2011 23:33:06
eves Есть так же скрипт Скрипты от пользователей, Рамки под Аватарчик рандомно(при сокращении до 1 рамки )будет желаемое - наиболее простой Вариант
Поделиться4Пт, 25 Фев 2011 23:55:33
А вот рамка как у Аскер она собрана из 4 частей?
Поделиться5Сб, 26 Фев 2011 00:08:35
eves У меня одна картинка http://savepic.ru/2171040.gif и она автоматом сдвигается (но прописываете её 4 раза
изображение на лево правые боковушки вырезается начиная от центра(соответсвующих боков картинки) вверх и вниз
Отредактировано Deff (Сб, 26 Фев 2011 09:43:41)
Поделиться6Сб, 26 Фев 2011 00:36:24
eves
А Вы дайте адрес форума, откуда сделали скриншот...
Поделиться7Сб, 26 Фев 2011 09:49:42
А вот рамка как у Аскер она собрана из 4 частей?
Сделана наложением сверху единственной картинки, с прозрачкой внутри рамки. этот же принцип используется и в скрипте Скрипты от пользователей, Рамки под Аватарчик рандомно
Основная проблема такого наложения: необходимость нормирования в административном порядке размеров аватаров пользователей, поскольку при оч больших разбросах соотношений ширина высота - рамки будут выглядеть не оч. эстетично
Выходом обычно является использование внутренней галлереи Аватаров со стандартным типоразмером, - с которой на муbb пока напряги
Отредактировано Deff (Сб, 26 Фев 2011 09:52:01)
Поделиться8Сб, 26 Фев 2011 22:17:19
Выходом обычно является использование внутренней галлереи Аватаров со стандартным типоразмером
Галерея то будет, аватары 1ого размера есть, если вы о том
Сделана наложением сверху единственной картинки, с прозрачкой внутри рамки.
Дада это я и хотел узнать, то есть рамка у нее целая, а середина прозрачная, затем она на фотошопе просто прикрепляет рамку к аватарке как отдельную картинку и все?
rps
форум
Deff
А как получается... Она сама рисовала рамку? или готовая была?
Поделиться9Сб, 26 Фев 2011 22:57:52
eves
То, что верхнее - это аватарка такая: http://anplay.ucoz.ua/_fr/14/8984743.jpg. А вот дополнительные поля и онлайн - оффлайн вполне возможно поместить в "рамочку", наподобие этой: http://anplay.ucoz.ua/raa.jpg. Хотите - сделаю.
Поделиться10Сб, 26 Фев 2011 23:07:34
То, что верхнее - это аватарка такая: http://anplay.ucoz.ua/_fr/14/8984743.jpg
Да я так и понял, она видимо рамку прицепляла к картинке, только интересно, рамку она сама рисовала или где то готовая была.
А вот дополнительные поля и онлайн - оффлайн вполне возможно поместить в "рамочку", наподобие этой: http://anplay.ucoz.ua/raa.jpg. Хотите - сделаю.
буду оочень очень благодарен вам =))
А это не будет считаться как плагиат там и все такое?..
Отредактировано eves (Сб, 26 Фев 2011 23:11:12)
Поделиться11Сб, 26 Фев 2011 23:48:11
eves
Естественно, рамку нужно будет свою брать, иначе да, плагиат.
Поделиться12Сб, 26 Фев 2011 23:51:56
rps
Хорошо тогда я рамку найду, а завтра выложу, хорошо?)
не посоветуете откуда можно взять кроме http://www.lenagold.ru , а то я в фотошопе совершенно никак
Да и знакомых нету никаких =(
Поделиться13Сб, 26 Фев 2011 23:58:22
возможно что то из этих собрать?
Отредактировано eves (Сб, 26 Фев 2011 23:58:48)
Поделиться14Вс, 27 Фев 2011 00:37:34
eves
У Дефф спросите. Моя задача сейчас написать код, с которым уже проблемы возникли...
Поделиться15Вс, 27 Фев 2011 01:16:16
eves Можете нарисовать примерный итоговый результат - что бы мну меньше мучалсо ?
Поделиться16Вс, 27 Фев 2011 01:23:50
Deff
в смысле попробовать собрать рамку? или профиль?
Поделиться17Вс, 27 Фев 2011 01:29:51
eves Как это должно выглядеть в сообщении примерный вид изобразите
в смысле попробовать собрать рамку? или профиль?
Вот Вы rps картинку зачем давали ? Это и рисуйте
Отредактировано Deff (Вс, 27 Фев 2011 01:31:10)
Поделиться18Вс, 27 Фев 2011 03:27:05
Deff
Ну вот, или нет?
(Я оказывается немного могу что то в фотошопе сделать о_О=))
Взял фон:
Рамка:
Сейчас у меня так:
Поделиться19Вс, 27 Фев 2011 10:36:55
eves Ну с Аватаром можно попробовать так: http://hostjs-mybb2011.narod.ru/Ramka_I_Avatar.htm
В HTML низ код >
<script><!--Ставим рамку на все Аватары --> $(document).ready(function(){ GifArray=new Array( "http://savepic.net/562798.png" //End myarray_!!Последняя ссылка без Запятой!!! ) var imgURL;var i;var x;var y; $("div.post-author ul li img[alt='Аватар']").each(function () { x = this.offsetWidth; y = this.offsetHeight; inb = $(this).parent().get(0).tagName; $(this).css("width",x+"px"); $(this).css("height",y+"px"); imgURL = $(this).attr("src"); i=GifArray[Math.round(Math.random()*(GifArray.length-1))]; $(this).attr("src",i); $(this).css("background-image","url("+imgURL+")");}); }); </script><!--Конец//Рамки для Аватара-->
Отредактировано Deff (Вс, 27 Фев 2011 10:41:14)
Поделиться20Вс, 27 Фев 2011 10:40:55
DeffНу вот, или нет?
С рамкой под репутацию - желательно дать адрес форума - дабы понять какие поля включать под рамку