Portrait picture with Polaroid style !

16 years 6 months ago #48786 by nickb
Replied by nickb on topic Re:Portrait 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!

Please Log in to join the conversation.

16 years 4 months ago #51656 by nuMarc
Replied by nuMarc on topic Re:Portrait Polaroid style !
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!!! :)

Not enough cash for a sig :-(

Please Log in to join the conversation.

16 years 4 months ago #53316 by flater_nl
Replied by flater_nl on topic Re:Portrait Polaroid style !

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
Attachments:

Please Log in to join the conversation.

16 years 2 months ago #56942 by ffaabbss
Replied by ffaabbss on topic Re:Portrait Polaroid style !
i would also need to output 200*200 square avatars. how would the modifications look like and where to apply them please?
thanks
fabs

Please Log in to join the conversation.

16 years 2 months ago #56943 by ffaabbss
Replied by ffaabbss on topic Re:Portrait Polaroid style !
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

Please Log in to join the conversation.

16 years 2 months ago #57231 by nickb
Replied by nickb on topic Re:Portrait Polaroid style !
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

Please Log in to join the conversation.

Moderators: beatnantkrileon
Time to create page: 0.306 seconds

Facebook Twitter LinkedIn