Portrait picture with Polaroid style !

If you want the rotating i think u have to work on some gd2 settings, if i remember right gd2 have rotation capability...then you css the rest...hope it helped!

nickb wrote:

here is the portrait in profile page... (also some css customization on the connection "my buddies" tab too..)

as u can see i wen a bit further than jus polaroid look...i went with some grunge effect...the adesive tape is transparent alpha so template bg sees under and add the effect of really been attached to it... under the polaroid the username is laso been generated and styled and attached in that white space of a polaroid...

cb is great and just working on some basic css can be whatever u want...one of the best piece of code out here!!! thanks to be there...
Post edited by: nickb, at: 2007/10/26 01:37

Post edited by: nickb, at: 2007/10/26 01:40

Can you share this code with us? Would be great!!!

I liked this also, so here is an other style+code+image.

css
[code:1].foto{
width: 300px;

background-image: url(/bg_cb_profile_big.png);
background-repeat: no-repeat;
height: 350px;
}

.foto1{
border: 1px solid #999999;
margin-bottom: 40px;

}
.cb_profile_name{
font-size: 16px;
text-transform: uppercase;
color: #666666;
}[/code:1]

cb.core.php ( cb 1.1)
line 84
[code:1]
$return .= "\n\t\t\t\t<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" width=\"100%\"class=\"foto\"><tr class=\"foto1\">";
[/code:1]
line 99
[code:1]
$return .= "<td align=\"center\" width=\"100%\"><img src=\"".sefRelToAbs($uimage)."\" alt=\"".$name."\" title=\"".$name."\" /> <div class "cb_profile_name\"><br />".$name."</div></td>";
[/code:1]

bg image HERE
the image is 350x300px if you scale the image box in the css, also scale the bg image.
i placed the image in the site root, if you place it somewhere else, uptate the css.

Post edited by: flater_nl, at: 2007/12/30 17:48

i would also need to output 200*200 square avatars. how would the modifications look like and where to apply them please?
thanks
fabs

i second marc petition.
please share what u have done where and how in some more detail nickb. i also need square avatars and i love the look u gave cb!!!
thanks a lot
fabs

nuMarc wrote:

nickb wrote:

here is the portrait in profile page... (also some css customization on the connection "my buddies" tab too..)

as u can see i wen a bit further than jus polaroid look...i went with some grunge effect...the adesive tape is transparent alpha so template bg sees under and add the effect of really been attached to it... under the polaroid the username is laso been generated and styled and attached in that white space of a polaroid...

cb is great and just working on some basic css can be whatever u want...one of the best piece of code out here!!! thanks to be there...
Post edited by: nickb, at: 2007/10/26 01:37

Post edited by: nickb, at: 2007/10/26 01:40

Can you share this code with us? Would be great!!!

Post edited by: ffaabbss, at: 2008/02/17 23:02

Hi guys! What I have done with CB and u wanna achieve, has been posted on this trhead and is wât gave me the inspiration and imput on how to achieve it, as on this forum there are details on wich file modify what line...some on the core file and some on the css.

Then you can do whatevere u want, is like using some table or div :

let say you define an area that will hold your polaroid image, ok do a div or table and put a class in the css where u set has background of tha table the polaroid image. then create a cell in the table and put in there the avatar (user image) u can force the 200x200 ther by setting width and eight propety of the img tag in the html. for aligning the image over the polaroid frame, use tabbing and margins.

hope this can make u understand better how to achieve this:

1) modify the core file as outlined on this forum, inserting the new classes and code

2) define the new classes on the css


You know I do this as job as probably many of you do...so, if you payme i can render your cb whatever u want, otherwise i can show you the direction and tell you how you can reach your desired result..but you have to do it, not me. hope u understand, is for respect of the committee who order me a custom job