Replies to This Discussion

Permalink Reply by JenSocial on June 21, 2011 at 11:48am

Maybe someone has a template, I do not. This is a custom project.

Best,

Jen

Permalink Reply by Mujer de vanguardia on June 21, 2011 at 12:03pm

Ok thank you Jen. 

I saw it in http://girlriders.ning.com/ , she add smilies in a pop up window with a html page, it's cool!

 

God bless you today =)

Pat

Permalink Reply by JenSocial on June 21, 2011 at 12:24pm

You might reach out to her (Katie). She may have a template. She's really very good with the design of her site, and very creative.

Best,

Jen

Permalink Reply by Mujer de vanguardia on June 21, 2011 at 2:35pm

Ok!

Yes, I love her site.

Thank you, Jen

 

Pat

Permalink Reply by GirlRiders on June 21, 2011 at 6:11pm

Awww, I'm blushing  :).    

Very quickly, here is code to get the grid.

 Fill in your image locations where it says yours.gif.  Copy the area between the <tr valign="top"></tr> to add rows, copy the <td> 's to add columns.  You can put this anywhere, you would need hosting to make it clean like mine, or you can put it on  a page.  I don't think It's really a "pop-up" its just a link to a new window.

 

Hope this helps!

 

 

<div style=" text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;"><table width="100%" border="1" cellpadding="2" cellspacing="2" style="border-color: #000000; border-style: solid; background-color: #ffffff;">

<tr valign="top">

<td valign="middle" style="border-color : #000000 #000000 #000000 #000000; border-style: solid;"><p style=" text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;"><img alt="" hspace=1 vspace=1 src="yours.gif"></p>

</td>

<td valign="middle" style="border-color : #000000 #000000 #000000 #000000; border-style: solid;"><p style=" text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;"><img alt="" hspace=1 vspace=1 src="yours.gif"></p>

</td>

<td valign="middle" style="border-color : #000000 #000000 #000000 #000000; border-style: solid;"><p style=" text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;"><img alt="" hspace=1 vspace=1 src="yours.gif"></p>

</td>

<td valign="middle" style="border-color : #000000 #000000 #000000 #000000; border-style: solid;"><p style=" text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;"><img alt="" hspace=1 vspace=1 src="yours.gif"></p>

</td>

</tr>


<tr valign="top">

<td valign="middle" style="border-color : #000000 #000000 #000000 #000000; border-style: solid;"><p style=" text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;"><img alt="" hspace=1 vspace=1 src="yours.gif"></p>

</td>

<td valign="middle" style="border-color : #000000 #000000 #000000 #000000; border-style: solid;"><p style=" text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;"><img alt="" hspace=1 vspace=1 src="yours.gif"></p>

</td>

<td valign="middle" style="border-color : #000000 #000000 #000000 #000000; border-style: solid;"><p style=" text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;"><img alt="" hspace=1 vspace=1 src="yours.gif"></p>

</td>

<td valign="middle" style="border-color : #000000 #000000 #000000 #000000; border-style: solid;"><p style=" text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;"><img alt="" hspace=1 vspace=1 src="yours.gif"></p>

</td>

</tr>


</table>

</div>

 

 

Here's what a blank looks like:

Permalink Reply by GirlRiders on June 21, 2011 at 6:12pm

You can also change the colors of the grid and background in the first section.

Permalink Reply by Mujer de vanguardia on June 21, 2011 at 7:06pm

Excellent!

I'll work on it.

Thank you very much, friend!

 

Pat

Permalink Reply by GirlRiders on June 21, 2011 at 9:26pm

You're welcome!

Permalink Reply by JenSocial on June 21, 2011 at 10:11pm

Extremely cool and nice of you! Thanks so much for sharing.

Best to you,

Jen