FBML help needed.

Web programming topics
Post Reply
User avatar
Nipuna
Moderator
Moderator
Posts: 2729
Joined: Mon Jan 04, 2010 8:02 pm
Location: Deraniyagala,SRI LANKA

Re: FBML help needed.

Post by Nipuna » Sun Oct 31, 2010 8:26 pm

G-sparkZ wrote:I send some e mails.But still no reply.Will you can contact him,& tell that to make promises.?
It isn't good to try to contact him me. Just wait some days. :)
When working with him he some times not replying for some days. And Another thing He is a doctor so He might be busy

actually it's not He, It's SHE ;)
Top
User avatar
Face
Major
Major
Posts: 727
Joined: Thu Feb 18, 2010 5:06 pm
Location: SRI LANKA.KANDY.

Re: FBML help needed.

Post by Face » Sun Oct 31, 2010 8:30 pm

OH is that so..?thanks for the info.
Top
User avatar
Neo
Site Admin
Site Admin
Posts: 2642
Joined: Wed Jul 15, 2009 2:07 am
Location: Colombo

Re: FBML help needed.

Post by Neo » Mon Nov 01, 2010 2:04 am

It is common that people used to relax on weekends in developed world and they won't even want to check emails, etc...
So wait till Monday. I'm sure you will get a good feedback.
Top
User avatar
Face
Major
Major
Posts: 727
Joined: Thu Feb 18, 2010 5:06 pm
Location: SRI LANKA.KANDY.

Re: FBML help needed.

Post by Face » Mon Nov 01, 2010 6:16 pm

Still I don't have a feedback.I will wait few more days.
Top
User avatar
Face
Major
Major
Posts: 727
Joined: Thu Feb 18, 2010 5:06 pm
Location: SRI LANKA.KANDY.

Re: FBML help needed.

Post by Face » Mon Nov 01, 2010 10:39 pm

I got a reply from BUYER.Happy

NEO I am trying with div style="width: But It don't make changes in white area.I can't see that white area in DREAMVIWER.

Any Idea?
Top
User avatar
Neo
Site Admin
Site Admin
Posts: 2642
Joined: Wed Jul 15, 2009 2:07 am
Location: Colombo

Re: FBML help needed.

Post by Neo » Mon Nov 01, 2010 11:04 pm

Post the html (also relevant images), so I can give it a quick try.
Top
User avatar
Neo
Site Admin
Site Admin
Posts: 2642
Joined: Wed Jul 15, 2009 2:07 am
Location: Colombo

Re: FBML help needed.

Post by Neo » Mon Nov 01, 2010 11:11 pm

Since this page is associated with a CSS file by the following line,

Code: Select all

<link href="style.css" rel="stylesheet" type="text/css" /> 
check whether you can find something like body { background-color: white; } in the style.css file. If that is the case, remove it and let me know how it goes. Since you didn't submit all files, I can't see the style.css myself.
Top
User avatar
Face
Major
Major
Posts: 727
Joined: Thu Feb 18, 2010 5:06 pm
Location: SRI LANKA.KANDY.

Re: FBML help needed.

Post by Face » Mon Nov 01, 2010 11:37 pm

NEO I tried to add the whole file to this post.But It don't work.11MB file.
Is it too big to add here.Or how can I send it to you?

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="free_facebook_template/free_facebook_template/html/style.css" rel="stylesheet" type="text/css" />
<title>FaceBook</title>
</head>
<body style="padding:0px; margin:0px">



	<div style="width:760px; padding:0px; margin:0px auto; font-family:'Times New Roman', Times, serif; font-size:14px; color:#b4c0c3; text-align:left; background: url(free_facebook_template/free_facebook_template/html/images/bg.jpg) no-repeat left top">
		<div style="padding:10px 0 9px 20px">
			<table cellpadding="0" cellspacing="0" border="0">
				<tr>
					<td height="22" width="67"><img src="free_facebook_template/free_facebook_template/html/images/like.png" alt="" /></td>
					<td width="581" style="font-size:12px"><div style="font-family:Tahoma; font-size:12px; color:#FFFFFF">Don't forget to become a fan!</div></td>
					<td width="25">&nbsp;</td>
					<td width="25"><a href="#"><img src="free_facebook_template/free_facebook_template/html/images/icon2.png" alt="" border="0" /></a></td>
					<td width="22"><a href="#"><img src="free_facebook_template/free_facebook_template/html/images/icon3.png" alt="" border="0" /></a></td>
				</tr>
			</table>
		</div>	
		<div style="font-size:0px"><img src="free_facebook_template/free_facebook_template/html/images/line.jpg" alt="" /></div>
		<div style="padding:10px 20px 10px; font-size:0px"><img src="free_facebook_template/free_facebook_template/html/images/logo.png" width="458" height="65" alt="" /></div>	
		<div style="padding:0 10px 29px 20px">
			<div style="width:490px; float:left">
				<div style="font-size:0px"><img src="free_facebook_template/free_facebook_template/html/images/left_top.png" alt="" /></div>
				<div style="background:url(free_facebook_template/free_facebook_template/html/images/left_bg.png) repeat-y left top">
					<div style="padding:25px 11px 29px 11px"><div style="padding:0 7px 0 5px; font-family:'Times New Roman', Times, serif; font-size:15px; color:#b4c0c3">
						  <h1><strong>Promoting YOUR Business
						    </strong>
					      </h1>
						  <p><strong>WEBSITE MARKETING</strong><br />
						    Most business owners are aware you need a website, but what  they don&rsquo;t know is that website quickly becomes just a billboard on an empty  dirt road, if you don&rsquo;t continually market it and keep on the first page of  search engines.&nbsp; At DJM we pride  ourselves on simple, but effective promotion of your website so you get noticed  and retain current customers and attract new ones.</p>
						  <div style="padding:11px 0 22px 0" align="right"><a href="#" style="font-family:'Times New Roman', Times, serif; font-size:14px; text-transform:uppercase; color:#FFFFFF; text-decoration:none">read more</a>&nbsp;&nbsp;<img src="free_facebook_template/free_facebook_template/html/images/arrow_read.png" alt="" /></div>
						</div>
						
						<div style="font-size:0px"><img src="free_facebook_template/free_facebook_template/html/images/line2.png" alt="" /></div>
						<div style="padding:30px 7px 0 5px; font-family:'Times New Roman', Times, serif; font-size:15px; color:#b4c0c3">
							<div style="padding-bottom:0px">
							  <h1>Affordable Solutions&nbsp;&nbsp;&nbsp;&nbsp;</h1>
                        </div>
							<img src="free_facebook_template/free_facebook_template/html/images/img1.jpg" alt="" width="116" height="128" align="left" style="padding-right:20px" />At Desert Jewel Marketing we offer you affordable business  solutions to make your marketing dollars stretch and get you noticed by not  only new customers, but we help you retain your current ones.
                          <ul>
                            <li>Custom Websites starting at $495</li>
                              <li>Marketing your site and business starting at $250 </li>
                              <li>Videos with distribution starting at $245</li>
                              <li>Social Media Management starting at $250 month</li>
                              <li>Email Marketing starting at&nbsp;  $350</li>
                            </ul>
                            <p>Today, communication is key.&nbsp;  We help you stay in contact with clients and customers so you and your  business comes to mind when they are shopping for what you have to offer. </p><div style="padding-top:10px" align="right"><a href="#" style="font-family:'Times New Roman', Times, serif; font-size:14px; text-transform:uppercase; color:#FFFFFF; text-decoration:none">read more</a>&nbsp;&nbsp;<img src="free_facebook_template/free_facebook_template/html/images/arrow_read.png" alt="" /></div><div style="clear:both; font-size:0px; height:1px"><img src="free_facebook_template/free_facebook_template/html/images/spacer.gif" alt="" /></div>
							
						</div>
					</div>
				</div>
				<div style="font-size:0px"><img src="free_facebook_template/free_facebook_template/html/images/left_bottom.png" alt="" /></div>
			</div>
			<div style="width:221px; float: right">
				<div style="padding:24px 3px 3px 3px; font-size:22px; color:#FFFFFF"> <strong>Enter  to win a FREE video for your business!&rdquo;&nbsp;</strong> </div>
				<div style="padding:18px 10px 0 3px">
				  <div style="padding:13px 0 38px 0" align="right">
				    <p><!-- AWeber Web Form Generator 3.0 -->
<style type="text/css">
#af-form-1073346283 .af-body .af-textWrap{width:98%;display:block;float:none;}
#af-form-1073346283 .af-body .privacyPolicy{color:#FFFFFF;font-size:11px;font-family:Verdana, sans-serif;}
#af-form-1073346283 .af-body a{color:#EDA200;text-decoration:underline;font-style:normal;font-weight:normal;}
#af-form-1073346283 .af-body input.text, #af-form-1073346283 .af-body textarea{background-color:#FFFFFF;border-color:#919191;border-width:1px;border-style:solid;color:#000000;text-decoration:none;font-style:normal;font-weight:normal;font-size:12px;font-family:Verdana, sans-serif;}
#af-form-1073346283 .af-body input.text:focus, #af-form-1073346283 .af-body textarea:focus{background-color:#FFFAD6;border-color:#030303;border-width:1px;border-style:solid;}
#af-form-1073346283 .af-body label.previewLabel{display:block;float:none;text-align:left;width:auto;color:#FFFFFF;text-decoration:none;font-style:normal;font-weight:normal;font-size:11px;font-family:Verdana, sans-serif;}
#af-form-1073346283 .af-body{padding-bottom:15px;padding-top:15px;background-repeat:repeat-x;background-position:inherit;background-image:url("http://forms.aweber.com/images/forms/download/peel/body.png");color:#FFFFFF;font-size:11px;font-family:Verdana, sans-serif;}
#af-form-1073346283 .af-header{padding-bottom:9px;padding-top:32px;padding-right:10px;padding-left:99px;background-color:transparent;background-repeat:no-repeat;background-position:inherit;background-image:url("http://forms.aweber.com/images/forms/download/peel/header.png");border-width:1px;border-bottom-style:none;border-left-style:none;border-right-style:none;border-top-style:none;color:#7A570D;font-size:16px;font-family:Verdana, sans-serif;}
#af-form-1073346283 .af-quirksMode .bodyText{padding-top:2px;padding-bottom:2px;}
#af-form-1073346283 .af-quirksMode{padding-right:10px;padding-left:10px;}
#af-form-1073346283 .af-standards .af-element{padding-right:10px;padding-left:10px;}
#af-form-1073346283 .bodyText p{margin:1em 0;}
#af-form-1073346283 .buttonContainer input.submit{background-image:url("http://forms.aweber.com/images/auto/gradient/button/07c.png");background-position:top left;background-repeat:repeat-x;background-color:#0057ac;border:1px solid #0057ac;color:#FFFFFF;text-decoration:none;font-style:normal;font-weight:normal;font-size:14px;font-family:Verdana, sans-serif;}
#af-form-1073346283 .buttonContainer input.submit{width:auto;}
#af-form-1073346283 .buttonContainer{text-align:left;}
#af-form-1073346283 body,#af-form-1073346283 dl,#af-form-1073346283 dt,#af-form-1073346283 dd,#af-form-1073346283 h1,#af-form-1073346283 h2,#af-form-1073346283 h3,#af-form-1073346283 h4,#af-form-1073346283 h5,#af-form-1073346283 h6,#af-form-1073346283 pre,#af-form-1073346283 code,#af-form-1073346283 fieldset,#af-form-1073346283 legend,#af-form-1073346283 blockquote,#af-form-1073346283 th,#af-form-1073346283 td{float:none;color:inherit;position:static;margin:0;padding:0;}
#af-form-1073346283 button,#af-form-1073346283 input,#af-form-1073346283 submit,#af-form-1073346283 textarea,#af-form-1073346283 select,#af-form-1073346283 label,#af-form-1073346283 optgroup,#af-form-1073346283 option{float:none;position:static;margin:0;} 
#af-form-1073346283 div{margin:0;}
#af-form-1073346283 fieldset{border:0;}
#af-form-1073346283 form,#af-form-1073346283 textarea,.af-form-wrapper,.af-form-close-button,#af-form-1073346283 img{float:none;color:inherit;position:static;background-color:none;border:none;margin:0;padding:0;}
#af-form-1073346283 input,#af-form-1073346283 button,#af-form-1073346283 textarea,#af-form-1073346283 select{font-size:100%;}
#af-form-1073346283 p{color:inherit;}
#af-form-1073346283 select,#af-form-1073346283 label,#af-form-1073346283 optgroup,#af-form-1073346283 option{padding:0;}
#af-form-1073346283 table{border-collapse:collapse;border-spacing:0;}
#af-form-1073346283 ul,#af-form-1073346283 ol{list-style-image:none;list-style-position:outside;list-style-type:disc;padding-left:40px;}
#af-form-1073346283,#af-form-1073346283 .quirksMode{width:147px;}
#af-form-1073346283.af-quirksMode{overflow-x:hidden;}
#af-form-1073346283{background-color:transparent;border-color:transparent;border-width:1px;border-style:solid;}
#af-form-1073346283{overflow:hidden;}
.af-body .af-textWrap{text-align:left;}
.af-body input.image{border:none!important;}
.af-body input.submit,.af-body input.image,.af-form .af-element input.button{float:none!important;}
.af-body input.text{width:100%;float:none;padding:2px!important;}
.af-body.af-standards input.submit{padding:4px 12px;}
.af-clear{clear:both;}
.af-element label{text-align:left;display:block;float:left;}
.af-element{padding:5px 0;}
.af-form-wrapper{text-indent:0;}
.af-form{text-align:left;margin:auto;}
.af-header{margin-bottom:0;margin-top:0;padding:10px;}
.af-quirksMode .af-element{padding-left:0!important;padding-right:0!important;}
.lbl-right .af-element label{text-align:right;}
body {
}
</style>
<form method="post" class="af-form-wrapper" action="http://www.aweber.com/scripts/addlead.pl"  >
<div style="display: none;">
<input type="hidden" name="meta_web_form_id" value="1073346283" />
<input type="hidden" name="meta_split_id" value="" />
<input type="hidden" name="listname" value="fbdjm" />
<input type="hidden" name="redirect" value="http://www.aweber.com/thankyou-coi.htm?m=text" id="redirect_62411454a6a5d67013c4c40647ac9da6" />

<input type="hidden" name="meta_adtracking" value="FBDJM" />
<input type="hidden" name="meta_message" value="1" />
<input type="hidden" name="meta_required" value="name,email" />

<input type="hidden" name="meta_tooltip" value="" />
</div>
<div id="af-form-1073346283" class="af-form"><div id="af-header-1073346283" class="af-header"><div class="bodyText"><p>&nbsp;</p></div></div>
<div id="af-body-1073346283" class="af-body af-standards">
<div class="af-element">
<label class="previewLabel" for="awf_field-11764734">Name: </label>
<div class="af-textWrap">
<input id="awf_field-11764734" type="text" name="name" class="text" value=""  tabindex="500" />
</div>
<div class="af-clear"></div></div>
<div class="af-element">
<label class="previewLabel" for="awf_field-11764735">Email: </label>
<div class="af-textWrap"><input class="text" id="awf_field-11764735" type="text" name="email" value="" tabindex="501"  />
</div><div class="af-clear"></div>
</div>
<div class="af-element buttonContainer">
<input name="submit" class="submit" type="submit" value="Submit" tabindex="502" />
<div class="af-clear"></div>
</div>
<div class="af-element privacyPolicy" style="text-align: center"><p><a title="Privacy Policy" href="http://www.aweber.com/permission.htm" target="_blank">We respect your email privacy</a></p>
<div class="af-clear"></div>
</div>
</div>
</div>
<div style="display: none;"><img src="http://forms.aweber.com/form/displays.htm?id=jAzszMwsbEwczA==" alt="" /></div>
</form>
<script type="text/javascript">
    <!--
    (function() {
        var IE = /*@cc_on!@*/false;
        if (!IE) { return; }
        if (document.compatMode && document.compatMode == 'BackCompat') {
            if (document.getElementById("af-form-1073346283")) {
                document.getElementById("af-form-1073346283").className = 'af-form af-quirksMode';
            }
            if (document.getElementById("af-body-1073346283")) {
                document.getElementById("af-body-1073346283").className = "af-body inline af-quirksMode";
            }
            if (document.getElementById("af-header-1073346283")) {
                document.getElementById("af-header-1073346283").className = "af-header af-quirksMode";
            }
            if (document.getElementById("af-footer-1073346283")) {
                document.getElementById("af-footer-1073346283").className = "af-footer af-quirksMode";
            }
        }
    })();
    -->
</script>

<!-- /AWeber Web Form Generator 3.0 -->
&nbsp;</p>
				    <p><a href="#" style="font-family:'Times New Roman', Times, serif; font-size:14px; color:#FFFFFF; text-decoration:none">Follow Me On Twitter</a>&nbsp;&nbsp;<img src="free_facebook_template/free_facebook_template/html/images/arrow_read.png" alt="" /></p>
				  </div>					
				</div>
				<div style="padding:0px 3px 5px 3px; font-size:22px; color:#FFFFFF">Contact Info</div>
				<div style="font-size:0px; height:1px; background:#20405d"><img src="free_facebook_template/free_facebook_template/html/images/spacer.gif" alt="" /></div>
				<div style="padding:18px 10px 0 3px">
					<div style="text-transform:uppercase; color:#FFFFFF"></div>
					<a href="http://desertjewelmarketing.com">DesertJewelMarketing.com</a>
			    <div style="padding:16px 0 9px 0"><br />
				  Email<a href="mailto:[email protected]">[email protected]</a><br>208.512.0094 </div>
	            <div style="padding-top:14px">
  <table cellpadding="0" cellspacing="0" border="0">
							<tr>
								<td width="25">&nbsp;</td>
								<td width="25"><a href="#"><img src="free_facebook_template/free_facebook_template/html/images/icon2.png" alt="" border="0" /></a></td>
								<td width="22"><a href="#"><img src="free_facebook_template/free_facebook_template/html/images/icon3.png" alt="" border="0" /></a></td>
							</tr>
						</table>
					</div>
				</div>
			</div>
			<div style="clear:both; font-size:0px; height:1px"><img src="free_facebook_template/free_facebook_template/html/images/spacer.gif" alt="" /></div>
		</div>
		<div style="font-size:0px; height:1px; background:url(free_facebook_template/free_facebook_template/html/images/footer_top.png) repeat-x left center"><img src="free_facebook_template/free_facebook_template/html/images/spacer.gif" alt="" /></div>
		<div style="background:url(free_facebook_template/free_facebook_template/html/images/footer_bg.png) repeat left top; padding:9px 36px 8px 36px; font-family:'Times New Roman', Times, serif; font-size:14px; color:#627073"></div>				
	</div>	

	
	



</body>
</html>
Top
User avatar
Nipuna
Moderator
Moderator
Posts: 2729
Joined: Mon Jan 04, 2010 8:02 pm
Location: Deraniyagala,SRI LANKA

Re: FBML help needed.

Post by Nipuna » Tue Nov 02, 2010 8:39 am

Hey Friends i will tell some of my Experiences Here
Those are
I made some pages in MS Frontpage and then tried to Add to FBML fan page then I saw there was no anything only blank page. Then i found FBML doesn't support <html> and <body> tags. I removed those Then worked but there were some errors those are Text overlapping and so on..

I realized that not in normal HTML in FBML we have to change some coding.

I can remember that you said that You can't see white background in Dreamviewer.
I tell you a way to find out that.
Make a FaceBook Fan Page then try your codings there.

That's what I do.
i make pages in PC then i try those codes in my fan page that i made for try codings

Thanks
Top
User avatar
Neo
Site Admin
Site Admin
Posts: 2642
Joined: Wed Jul 15, 2009 2:07 am
Location: Colombo

Re: FBML help needed.

Post by Neo » Tue Nov 02, 2010 1:09 pm

Nipuna's idea is good. It is better to create a page in Facebook to test your code.

When you adjust the page width, you will also have to adjust the table widths. See <td height="yyy" width="xxx" like tags. This is where the buyer needs to think on reducing contents of tables.
Top
Post Reply

Return to “Web programming”