Div Help Needed, Adding Comment Box |
![]() ![]() |
Div Help Needed, Adding Comment Box |
Jan 26 2008, 01:12 AM
Post
#1
|
|
|
Newbie ![]() Group: Member Posts: 3 Joined: Aug 2007 Member No: 556,234 |
Can i add a comment box to this layout i made?
If i can please show me how? link to layout: http://profile.myspace.com/index.cfm?fusea...03-5caf57b11824 [u]actual code [about me]:u] <style type="text/css"> body table {margin-top:-50000px;} body td table, body div table {margin-top: 0;} table, tr, td {background-color:transparent;} body div table form{display:none;} body table div form{display:block;} div table td font {visibility:hidden; } a.navbar:active, a.navbar:visited, a.navbar:link { display:none; } a.navbar:hover { display:none; } .navbar {visibility:hidden; display:none;} .userProfiledetail, .userProfileURL, .userProfileSchool, .interestsAndDetails, .friendsComments,.extendedNetwork, .latestBlogEntry, .friendSpace, .orangetext15, .navigationbar, .profileInfo, .contacttable { display:none;} a.text, table div font a, table div div {visibility:hidden;} td td embed, td td object{position:absolute; left:0px; top:0px; width:1px; height:1px;} td.text embed {width:260px; height:38px;} td.text embed, td.text object {width:260px; height:38px;} body div td div div select {position:absolute!important;top:-1000px;} body div div form {display:none !important;} table table div form {display:inline !important;} select { visibility:hidden!important; WIDTH:0px!important;} table tr td div font {display: none;} body div table td form {display:none!important;} table, td, tr{ background-color:transparent;} body { background-color: white; background-image: url(""); background-position: bottom right; background-repeat: repeat; background-attachment: fixed; scrollbar-arrow-color: black; scrollbar-track-color: white; scrollbar-face-color: white; scrollbar-shadow-color: white; scrollbar-highlight-color: white; scrollbar-darkshadow-color:white; scrollbar-3dlight-color:white; overflow:auto!important; z-index:1; cursor:crosshair;} } a:link, a:visited, a:active { font-family:century gothic; font-size:13px; font-weight:normal; color:ffffff; text-decoration:none; } a:hover { font-family:century gothic; font-size:13px; font-weight:normal; color:000000; background:ffffff; text-decoration:none; } .navigation { position:absolute; overflow:auto; allign:left; background-color:transparent; border:0px; width:1024px; height:768px; top:100px; left:145px; z-index:2; } .aboutme { position:absolute; overflow:hidden; top:179px; left:349px; background-color:transparent; font-family:century gothic; font-size:13px; color:white; align:center; font-weight:normal; height:168px; width:250px; margin:0; padding:0; z-index:4; } .image { position:absolute; overflow:auto; top:139px; height:172; width:220; left:909px; background-color:transparent; border:; z-index:4; Filter: Alpha(Opacity=50, FinishOpacity=0, Style=5, StartX=20, StartY=40, FinishX=0, FinishY=0); } </style> acutal code [like to meet]: <div class="image"> <marquee direction=alternate> <img style="border:2px solid black;" src="http://i30.tinypic.com/sf8dtz.jpg"> <img style="border:2px solid black;" src="http://i32.tinypic.com/291euxy.jpg"> <img style="border:2px solid black;" src="http://i11.tinypic.com/6z4lh0k.jpg"> <img style="border:2px solid black;" src="http://i32.tinypic.com/1zdlwg5.jpg"> <img style="border:2px solid black;" src="http://i28.tinypic.com/opztiq.jpg"> <img style="border:2px solid black;" src="http://i11.tinypic.com/8379grk.jpg"> <img style="border:2px solid black;" src="http://i29.tinypic.com/18cehe.jpg"> <img style="border:2px solid black;" src="http://i32.tinypic.com/2q9w1hk.jpg"> <img style="border:2px solid black;" src="http://i2.tinypic.com/89umy9x.jpg"> <img style="border:2px solid black;" src="http://i26.tinypic.com/x37ar5.jpg"> <img style="border:2px solid black;" src="http://i25.tinypic.com/21en9sj.jpg"> </marquee> </div> <div class="navigation" <html> <head> <title> </title> </head> <body> <img name="Image130" src="http://i161.photobucket.com/albums/t235/bluuur14/heartcopy-2.jpg" width="1024" height="768" border="0" usemap="#Image13" alt="" /> <map name="Image13"> <area shape="circle" alt="Home" coords="235,600,25" href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" /> <area shape="circle" alt="Add" coords="41,727,30" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWludml0ZS5h GRmcmllbmRfdmVyaWZ5JmZyaWVuZElEPTE5NDU3NTEyNQ=="> <area shape="circle" alt="Message" coords="391,687,25" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz 2FnZSZmcmllbmRJRD0xOTQ1NzUxMjU="> <area shape="circle" alt=Pictures" coords="463,714,30" href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu mlld0FsYnVtcyZmcmllbmRJRD0xMTgxOTQxOTA="> <area shape="circle" alt="Friends" coords="132,678,35" href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdmcmllbmRzJmZyaWVuZElEPTE5NDU3NTEyNQ=="> <area shape="circle" alt="Blog" coords="49,606,35" href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9MTk0NTc1MTI1"> <area shape="circle" alt="Comments" coords="255,695,45" href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdDb21tZW50cyZmcmllbmRJRD0xOTQ1NzUxMjU="> </map> </body> </html> </div> <div class="aboutme"><marquee direction=up><center><bold>f**kin.[brandnew]</Bold><br><br> Hey..like you guys live your lives. <br> It's worth it.<br> Every moment is another moment in history that tells your life story. <br> Is your life readable?<br> Danielle=novel with twist and turns that leave the readers at the edge of their seats </div> |
|
|
|
Jan 26 2008, 08:36 AM
Post
#2
|
|
![]() Addict ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Staff Alumni Posts: 3,918 Joined: Jun 2007 Member No: 538,522 |
Create another DIV class for this to position it- the following is your comment box.
CODE <form method="post" action="http://comments.myspace.com/index.cfm?fusea ction=user.ConfirmComment"> <input name="friendID" value="***YOUR USER ID HERE***" type="hidden"> <textarea name="f_comments" cols="25" rows="5" class="comment"> Yes this comment box works! I assure you. All you have to do is replace "***YOUR USER ID HERE***" with your own Myspace USER ID. Then, you can edit this message! Yes, that includes getting rid of the asterisks. </textarea> <br> <input value="Submit"type="Submit" style="background-color: 5E5E5E; color:000000; font: 14px century gothic; font-weight: bold; text-transform: lowercase; border: 0px solid 000000;"></input> <input value="Reset"type="reset"style="background-color: 5E5E5E; color:000000; font: 14px century gothic; font-weight: bold; text-transform: lowercase; border: 0px solid 000000;"></input> </form> |
|
|
|
Jan 26 2008, 08:41 AM
Post
#3
|
|
![]() Offline. ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 609 Joined: Mar 2007 Member No: 507,591 |
I added the top part of the code as you can see.
I also rearrange you code so it works. CODE <style type='text/css' > { Code for comment box positioning - www.fawaz.createblog.com } .commentbox { z-index:20; margin-left:130px; px; top:175px; width:235px; height:130px; position:absolute; left:50%; overflow:hidden; } { Code for the style of the box } .textarea { width: 100%; height:80px; color: white; font-size:13px; font-family:century gothic; background-color:transparent; border:0px; } .submit { width:100%; background-color:transparent; color: white; } .reset { width:100%; background-color:transparent; color: white; } </style> Final Code CODE <style type='text/css' >
{ Code for comment box positioning - www.fawaz.createblog.com } .commentbox { z-index:20; margin-left:130px; px; top:175px; width:235px; height:130px; position:absolute; left:50%; overflow:hidden; } { Code for the style of the box } .textarea { width: 100%; height:80px; color: white; font-size:13px; font-family:century gothic; background-color:transparent; border:0px; } .submit { width:100%; background-color:transparent; color: white; } .reset { width:100%; background-color:transparent; color: white; } </style> <style type="text/css"> { Code for hiding you profile - www.anime-essence.createblog.com } .contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12, btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden} td td td td{border:0px;width:0px;text-align:left;} table,td,tr{padding:0px;width:;background-color:transparent} table table table{padding:1px;height:.01%;width:100%;} table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important} a.text,table div font a,table div div,.navbar font,tr td font{visibility:hidden;display:none;height:0px;!important;} table table table table,table table table table td.text, td.text td.text table{display:none;} td.text table table{display:inline;visibility:visible;} table td table tr td.text table{visibility:hidden;} table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;} </style> <style type="text/css"> td td embed, td td object{position:absolute; left:0px; top:0px; width:1px; height:1px;} td.text embed {width:260px; height:38px;} td.text embed, td.text object {width:260px; height:38px;} body div td div div select {position:absolute!important;top:-1000px;} body div div form {display:none !important;} table table div form {display:inline !important;} select { visibility:hidden!important; WIDTH:0px!important;} table tr td div font {display: none;} body div table td form {display:none!important;} table, td, tr{ background-color:transparent;} body { background-color: white; background-image: url(""); background-position: bottom right; background-repeat: repeat; background-attachment: fixed; scrollbar-arrow-color: black; scrollbar-track-color: white; scrollbar-face-color: white; scrollbar-shadow-color: white; scrollbar-highlight-color: white; scrollbar-darkshadow-color:white; scrollbar-3dlight-color:white; overflow:auto!important; z-index:1; cursor:crosshair;} } a:link, a:visited, a:active { font-family:century gothic; font-size:13px; font-weight:normal; color:ffffff; text-decoration:none; } a:hover { font-family:century gothic; font-size:13px; font-weight:normal; color:000000; background:ffffff; text-decoration:none; } .navigation { position:absolute; overflow:auto; allign:left; background-color:transparent; border:0px; width:1024px; height:768px; top:100px; left:145px; z-index:2; } .aboutme { position:absolute; overflow:hidden; top:179px; left:349px; background-color:transparent; font-family:century gothic; font-size:13px; color:white; align:center; font-weight:normal; height:168px; width:250px; margin:0; padding:0; z-index:4; } .image { position:absolute; overflow:auto; top:139px; height:172; width:220; left:909px; background-color:transparent; border:; z-index:4; Filter: Alpha(Opacity=50, FinishOpacity=0, Style=5, StartX=20, StartY=40, FinishX=0, FinishY=0); } </style> <div class="navigation" > <img name="Image130" src="http://i161.photobucket.com/albums/t235/bluuur14/heartcopy-2.jpg" width="1024" height="768" border="0" usemap="#Image13" alt="" /> <map name="Image13"> <area shape="circle" alt="Home" coords="235,600,25" href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" /> <area shape="circle" alt="Add" coords="41,727,30" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWludml0ZS5h RmcmllbmRfdmVyaWZ5JmZyaWVuZElEPTE5NDU3NTEyNQ=="> <area shape="circle" alt="Message" coords="391,687,25" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz FnZSZmcmllbmRJRD0xOTQ1NzUxMjU="> <area shape="circle" alt="Pictures" coords="463,714,30" href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu lld0FsYnVtcyZmcmllbmRJRD0xMTgxOTQxOTA="> <area shape="circle" alt="Friends" coords="132,678,35" href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdmcmllbmRzJmZyaWVuZElEPTE5NDU3NTEyNQ=="> <area shape="circle" alt="Blog" coords="49,606,35" href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9MTk0NTc1MTI1"> <area shape="circle" alt="Comments" coords="255,695,45" href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdDb21tZW50cyZmcmllbmRJRD0xOTQ1NzUxMjU="> </map> </div> <div class='commentbox' > <form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"> <input name="friendID" value="***YOUR USER ID HERE***" type="hidden"> <textarea name="f_comments" class='textarea' > Yes this comment box works! I assure you. All you have to do is replace "***YOUR USER ID HERE***" with your own Myspace USER ID. Then, you can edit this message! Yes, that includes getting rid of the asterisks. </textarea> <br> <input value="Submit"type="Submit" class='submit' ></input> <input value="Reset"type="reset" class='reset' ></input> </form> </div> <div class="image"> <marquee direction='alternate' > <img style="border:2px solid black;" src="http://i30.tinypic.com/sf8dtz.jpg" > <img style="border:2px solid black;" src="http://i32.tinypic.com/291euxy.jpg" > <img style="border:2px solid black;" src="http://i11.tinypic.com/6z4lh0k.jpg" > <img style="border:2px solid black;" src="http://i32.tinypic.com/1zdlwg5.jpg" > <img style="border:2px solid black;" src="http://i28.tinypic.com/opztiq.jpg" > <img style="border:2px solid black;" src="http://i11.tinypic.com/8379grk.jpg" > <img style="border:2px solid black;" src="http://i29.tinypic.com/18cehe.jpg" > <img style="border:2px solid black;" src="http://i32.tinypic.com/2q9w1hk.jpg" > <img style="border:2px solid black;" src="http://i2.tinypic.com/89umy9x.jpg" > <img style="border:2px solid black;" src="http://i26.tinypic.com/x37ar5.jpg" > <img style="border:2px solid black;" src="http://i25.tinypic.com/21en9sj.jpg" > </marquee> </div> <div class="aboutme"><marquee direction='up'><center><bold>f**kin.[brandnew]</bold><br><br> Hey..like you guys live your lives. <br> It's worth it.<br> Every moment is another moment in history that tells your life story. <br> Is your life readable?<br> Danielle=novel with twist and turns that leave the readers at the edge of their seats </div> This post has been edited by Fawaz: Jan 26 2008, 09:08 AM |
|
|
|
Jan 26 2008, 01:03 PM
Post
#4
|
|
|
Newbie ![]() Group: Member Posts: 3 Joined: Aug 2007 Member No: 556,234 |
Can i add a comment box to this layout i made?
If i can please show me how? link to layout: http://profile.myspace.com/index.cfm?fusea...03-5caf57b11824 actual code [about me] <style type="text/css"> body table {margin-top:-50000px;} body td table, body div table {margin-top: 0;} table, tr, td {background-color:transparent;} body div table form{display:none;} body table div form{display:block;} div table td font {visibility:hidden; } a.navbar:active, a.navbar:visited, a.navbar:link { display:none; } a.navbar:hover { display:none; } .navbar {visibility:hidden; display:none;} .userProfiledetail, .userProfileURL, .userProfileSchool, .interestsAndDetails, .friendsComments,.extendedNetwork, .latestBlogEntry, .friendSpace, .orangetext15, .navigationbar, .profileInfo, .contacttable { display:none;} a.text, table div font a, table div div {visibility:hidden;} td td embed, td td object{position:absolute; left:0px; top:0px; width:1px; height:1px;} td.text embed {width:260px; height:38px;} td.text embed, td.text object {width:260px; height:38px;} body div td div div select {position:absolute!important;top:-1000px;} body div div form {display:none !important;} table table div form {display:inline !important;} select { visibility:hidden!important; WIDTH:0px!important;} table tr td div font {display: none;} body div table td form {display:none!important;} table, td, tr{ background-color:transparent;} body { background-color: white; background-image: url(""); background-position: bottom right; background-repeat: repeat; background-attachment: fixed; scrollbar-arrow-color: black; scrollbar-track-color: white; scrollbar-face-color: white; scrollbar-shadow-color: white; scrollbar-highlight-color: white; scrollbar-darkshadow-color:white; scrollbar-3dlight-color:white; overflow:auto!important; z-index:1; cursor:crosshair;} } a:link, a:visited, a:active { font-family:century gothic; font-size:13px; font-weight:normal; color:ffffff; text-decoration:none; } a:hover { font-family:century gothic; font-size:13px; font-weight:normal; color:000000; background:ffffff; text-decoration:none; } .navigation { position:absolute; overflow:auto; allign:left; background-color:transparent; border:0px; width:1024px; height:768px; top:100px; left:145px; z-index:2; } .aboutme { position:absolute; overflow:hidden; top:179px; left:349px; background-color:transparent; font-family:century gothic; font-size:13px; color:white; align:center; font-weight:normal; height:168px; width:250px; margin:0; padding:0; z-index:4; } .image { position:absolute; overflow:auto; top:139px; height:172; width:220; left:909px; background-color:transparent; border:; z-index:4; Filter: Alpha(Opacity=50, FinishOpacity=0, Style=5, StartX=20, StartY=40, FinishX=0, FinishY=0); } </style> acutal code [like to meet]: <div class="image"> <marquee direction=alternate> <img style="border:2px solid black;" src="http://i30.tinypic.com/sf8dtz.jpg"> <img style="border:2px solid black;" src="http://i32.tinypic.com/291euxy.jpg"> <img style="border:2px solid black;" src="http://i11.tinypic.com/6z4lh0k.jpg"> <img style="border:2px solid black;" src="http://i32.tinypic.com/1zdlwg5.jpg"> <img style="border:2px solid black;" src="http://i28.tinypic.com/opztiq.jpg"> <img style="border:2px solid black;" src="http://i11.tinypic.com/8379grk.jpg"> <img style="border:2px solid black;" src="http://i29.tinypic.com/18cehe.jpg"> <img style="border:2px solid black;" src="http://i32.tinypic.com/2q9w1hk.jpg"> <img style="border:2px solid black;" src="http://i2.tinypic.com/89umy9x.jpg"> <img style="border:2px solid black;" src="http://i26.tinypic.com/x37ar5.jpg"> <img style="border:2px solid black;" src="http://i25.tinypic.com/21en9sj.jpg"> </marquee> </div> <div class="navigation" <html> <head> <title> </title> </head> <body> <img name="Image130" src="http://i161.photobucket.com/albums/t235/bluuur14/heartcopy-2.jpg" width="1024" height="768" border="0" usemap="#Image13" alt="" /> <map name="Image13"> <area shape="circle" alt="Home" coords="235,600,25" href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" /> <area shape="circle" alt="Add" coords="41,727,30" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWludml0ZS5h GRmcmllbmRfdmVyaWZ5JmZyaWVuZElEPTE5NDU3NTEyNQ=="> <area shape="circle" alt="Message" coords="391,687,25" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz 2FnZSZmcmllbmRJRD0xOTQ1NzUxMjU="> <area shape="circle" alt=Pictures" coords="463,714,30" href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu mlld0FsYnVtcyZmcmllbmRJRD0xMTgxOTQxOTA="> <area shape="circle" alt="Friends" coords="132,678,35" href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdmcmllbmRzJmZyaWVuZElEPTE5NDU3NTEyNQ=="> <area shape="circle" alt="Blog" coords="49,606,35" href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9MTk0NTc1MTI1"> <area shape="circle" alt="Comments" coords="255,695,45" href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdDb21tZW50cyZmcmllbmRJRD0xOTQ1NzUxMjU="> </map> </body> </html> </div> <div class="aboutme"><marquee direction=up><center><bold>f**kin.[brandnew]</Bold><br><br> Hey..like you guys live your lives. <br> It's worth it.<br> Every moment is another moment in history that tells your life story. <br> Is your life readable?<br> Danielle=novel with twist and turns that leave the readers at the edge of their seats </div> |
|
|
|
Jan 26 2008, 01:08 PM
Post
#5
|
|
![]() Offline. ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 609 Joined: Mar 2007 Member No: 507,591 |
itn't this the same as this
|
|
|
|
Jan 26 2008, 01:36 PM
Post
#6
|
|
|
t-t-t-toyaaa ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Member Posts: 19,821 Joined: Apr 2004 Member No: 11,270 |
Topics Merged. Please don't make duplicate topics to ask a question. Just be patient :)
|
|
|
|
Jan 27 2008, 02:40 PM
Post
#7
|
|
![]() Addict ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Staff Alumni Posts: 3,918 Joined: Jun 2007 Member No: 538,522 |
|
|
|
|
![]() ![]() |