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

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

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


Вы здесь » Единый форум поддержки » Корзина » Профиль в рамку


Профиль в рамку

Сообщений 1 страница 20 из 33

1

http://i026.radikal.ru/1102/86/830e229b9184.jpg
Я пользовался поисковиком, нашел, но было не то
Там было написано как оформить профиль в обычную рамку
А как в примерно "такую" т.е. свою я не нашел, может подскажете скрипт, чтобы подставить свою рамку
и если не сложно скажите, как оформлять аватар в рамку?

0

2

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

Когда все аватары форума в одинаковом обрамлении - это, конечно, симпатично, но просто так не подгонишь. Я вот подумала о таком варианте:Если это представляется возможным, прошу написать скрипт, задающий "рамку" из четырех элементов (картинок). На примере я все обозначила.
            1 и 2 - картинка no-repeat с размером в пикселях или процентах.3 и 4 - картинка repeat-у
            Теоретически, это дает возможность создавать множество разнообразных рамок в соответствии со стилем и атмосферой форума.

http://forumupload.ru/uploads/0002/35/a3/84628-1.jpg

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

Чо нидь типо такого > 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)

0

3

eves Есть так же скрипт Скрипты от пользователей, Рамки под Аватарчик рандомно(при сокращении до 1 рамки )будет желаемое - наиболее простой Вариант

0

4

А вот рамка как у Аскер она собрана из 4 частей?

0

5

eves У меня одна картинка http://savepic.ru/2171040.gif и она автоматом сдвигается (но прописываете её 4 раза

изображение на лево правые боковушки вырезается  начиная от центра(соответсвующих боков картинки) вверх и вниз

Отредактировано Deff (Сб, 26 Фев 2011 09:43:41)

0

6

eves
А Вы дайте адрес форума, откуда сделали скриншот...

0

7

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

А вот рамка как у Аскер она собрана из 4 частей?

Сделана наложением сверху единственной картинки, с прозрачкой внутри рамки. этот же принцип используется и в скрипте Скрипты от пользователей, Рамки под Аватарчик рандомно
Основная проблема такого наложения: необходимость  нормирования в административном порядке размеров аватаров пользователей, поскольку при оч больших разбросах соотношений ширина высота - рамки будут выглядеть не оч. эстетично
Выходом обычно является использование внутренней  галлереи Аватаров со стандартным типоразмером, - с которой на муbb пока напряги

Отредактировано Deff (Сб, 26 Фев 2011 09:52:01)

0

8

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

Выходом обычно является использование внутренней  галлереи Аватаров со стандартным типоразмером

Галерея то будет, аватары 1ого размера есть, если вы  о том

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

Сделана наложением сверху единственной картинки, с прозрачкой внутри рамки.

Дада это я и хотел узнать, то есть рамка у нее целая, а середина прозрачная, затем она на фотошопе просто прикрепляет рамку к аватарке как отдельную картинку и все?
rps
форум
Deff
А как получается... Она сама рисовала рамку? или готовая была?

0

9

eves
То, что верхнее - это аватарка такая: http://anplay.ucoz.ua/_fr/14/8984743.jpg. А вот дополнительные поля и онлайн - оффлайн  вполне возможно поместить в "рамочку", наподобие этой: http://anplay.ucoz.ua/raa.jpg. Хотите - сделаю.

0

10

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

То, что верхнее - это аватарка такая: http://anplay.ucoz.ua/_fr/14/8984743.jpg

Да я так и понял, она видимо рамку прицепляла к картинке, только интересно, рамку она сама рисовала или где то готовая была.

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

А вот дополнительные поля и онлайн - оффлайн  вполне возможно поместить в "рамочку", наподобие этой: http://anplay.ucoz.ua/raa.jpg. Хотите - сделаю.

буду оочень очень благодарен вам =))
А это не будет считаться как плагиат там и все такое?..

Отредактировано eves (Сб, 26 Фев 2011 23:11:12)

0

11

eves
Естественно, рамку нужно будет свою брать, иначе да, плагиат.

0

12

rps
Хорошо тогда я рамку найду, а завтра выложу, хорошо?)
не посоветуете откуда можно взять кроме http://www.lenagold.ru , а то я в фотошопе совершенно никак
Да и знакомых нету никаких =(

0

13

http://s50.radikal.ru/i128/1102/1c/6e2d3f67950a.jpg

http://s002.radikal.ru/i198/1102/3e/d05fbb727008.jpg
возможно что то из этих собрать?

Отредактировано eves (Сб, 26 Фев 2011 23:58:48)

0

14

eves
У Дефф спросите. Моя задача сейчас написать код, с которым уже проблемы возникли...

0

15

eves Можете нарисовать примерный итоговый результат - что бы мну меньше мучалсо ?

0

16

Deff
в смысле попробовать собрать рамку? или профиль?

0

17

eves Как это должно выглядеть в сообщении примерный вид изобразите

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

в смысле попробовать собрать рамку? или профиль?

Вот Вы rps картинку зачем давали ? Это и рисуйте

Отредактировано Deff (Вс, 27 Фев 2011 01:31:10)

0

18

Deff
Ну вот, или нет?

http://s59.radikal.ru/i165/1102/ad/8b7eb25f56bc.jpg (Я оказывается немного могу что то в фотошопе сделать о_О=))
Взял фон:
http://i013.radikal.ru/1102/d2/da5a7e3fd59d.jpg
Рамка:
http://i031.radikal.ru/1102/7c/b4d0d868ad33.jpg

Сейчас у меня так:
http://s51.radikal.ru/i133/1102/97/2203ec4a0e8f.jpg

0

19

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)

0

20

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

DeffНу вот, или нет?

С рамкой под репутацию - желательно дать адрес форума - дабы понять какие поля включать под рамку

0


Вы здесь » Единый форум поддержки » Корзина » Профиль в рамку