help with content embed |
help with content embed |
Apr 9 2008, 08:03 AM
Post
#1
|
|
|
Newbie ![]() Group: Member Posts: 4 Joined: Apr 2008 Member No: 639,067 |
hi all
I've just downloaded an overlay by fainaru "garden" http://www.createblog.com/layouts/preview.php?id=21512 and customized it a bit. I've added the friends and comments box at the bottom of the page and removed the previous comment box. Now Im trying to add some content as slide or youtube video and I would like to move them in the section below the written "garden by fainaru" instead of the text as in the default layout. the problem is that i can see these content but they appear in the comment section at the very bottom of the page. I tried to change the values of the position but it seems to not effect anything. Can someone help me please? thanks to anyone will answer! here is the code: </td></tr></table></td></tr></table></td></tr></table></div> <style type="text/css"> body { background: url(''); background-repeat: repeat; background-color:000000; line-height: 17px; cursor: ne-resize; color:000000;} .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;} img { border:0;} .nav { background-color:transparent; position:absolute; z-index:2; top:0; margin-top:600px; left: 50%; margin-left: -250px; text-align:left; visibility:visible; width:550px;} .aboutme { background-color:transparent; width: 500px; position:absolute; z-index:2; left:0; top:0; margin-top:700px; left: 50%; margin-left: -250px; text-align:justify; visibility:visible; font-size: 8pt; } .div { background:none; overflow:auto; position:absolute; z-index:2; top:0; margin-top:100px; left: 50%; margin-left: -380; text-align:left; visibility:visible;} div.nav a { text-align: center; font-family: verdana; letter-spacing:2px; text-transform:uppercase; font-size:10px; display:inline; padding:2px; margin-right: 10px; border-bottom:1px solid; border-bottom-color:fff;} div.nav .span { background-color:000000; } div.nav a:link,.nav a:visited, div.nav a:active { margin-top:0; color:fff; display:inline; font-style:normal;} div.nav a:hover { color:000000; background:f8f677; border-bottom:1px solid; border-bottom-color:000;} font, td, a, table, td, li, p, div, textarea, li, h1, h2, p, br { font-family:tahoma; font-size: 8pt; color:fff; font-weight: normal; text-decoration: none; letter-spacing: 0px; padding: 0px; line-height: 17px;} h1 { font: 15pt "century gothic"; text-align: left; letter-spacing: 3px; text-transform: lowercase; margin: 0 0 10px 0; color:ffffff; border-bottom:2px solid; border-bottom-color:ffffff;} div.title { font: 30pt "arial narrow"; text-align: left; letter-spacing: 3px; text-transform: lowercase; position:absolute; z-index:2; top:0; margin-top:170px; left: 50%; margin-left: -250px; color:fff;} a:link, a:visited, a:active {color:F5BF39; text-decoration: none; font-weight:bold;} a:hover {cursor: help; color: 000000; text-decoration: none;} input, textarea { cursor: ne-resize; color:000; font-size:8pt; font-family:Verdana; background-color:#00000; border-width:1px; border-style:solid; border-color:000;} .blacktext10,.orangetext15, .nametext, table.friendsComments tr td { color:ffffff; } .btext,.redtext,.redlink { display: none} table b {display:none;} object, embed { visibility:visible; position:absolute; top:647px; left:50%; right:50%; margin-left:-76px; z-index:9; } .comments embed, .comments object { display:inline; visibility:visible; position:relative; top:0px; margin-left:0px; left:0px; right:0px; } </style> |
|
|
|
![]() |
Apr 9 2008, 08:10 AM
Post
#2
|
|
![]() Kissing for yesterday. ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 465 Joined: Sep 2007 Member No: 569,813 |
was permission given from the owner of the layout for the changes to be made? because you could always contact them to ask and im sure they'd be more than happy to help?
but do you mean when you input your slide into the layout DIV for that area, it appears somewhere else? and please use code tags CODE like this
|
|
|
|
Apr 9 2008, 08:26 AM
Post
#3
|
|
|
Newbie ![]() Group: Member Posts: 4 Joined: Apr 2008 Member No: 639,067 |
im sorry that I didnt use the code it's my first topic :)
and i didnt ask any permission to make changes :S about my problem yes that's it.. video or slide appears somewhere else: exactly at the bottom of the page ... maybe i miss some codes but i really dont know what to do i've tried many times. |
|
|
|
Apr 9 2008, 08:31 AM
Post
#4
|
|
![]() Kissing for yesterday. ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 465 Joined: Sep 2007 Member No: 569,813 |
introduce yourself in the introductions forum
don't worry about the code tags, its just something to know for future reference, makes it easier for people to read the code. can you paste the full code (there must be an i'd like to meet section too?) what you may need to do (if necessary, ill see once ive got the full code) is to create a new layer, move all of the other layers down, and then place this where you want it, then place in the stuff you want. |
|
|
|
Apr 9 2008, 09:57 AM
Post
#5
|
|
|
Newbie ![]() Group: Member Posts: 4 Joined: Apr 2008 Member No: 639,067 |
ok this is the whole code.
CODE </td></tr></table></td></tr></table></td></tr></table></div> <style type="text/css"> body { background: url(''); background-repeat: repeat; background-color:000000; line-height: 17px; cursor: ne-resize; color:000000;} .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;} img { border:0;} .nav { background-color:transparent; position:absolute; z-index:2; top:0; margin-top:600px; left: 50%; margin-left: -250px; text-align:left; visibility:visible; width:550px;} .aboutme { background-color:transparent; width: 500px; position:absolute; z-index:2; left:0; top:0; margin-top:700px; left: 50%; margin-left: -250px; text-align:justify; visibility:visible; font-size: 8pt; } .div { background:none; overflow:auto; position:absolute; z-index:2; top:0; margin-top:100px; left: 50%; margin-left: -380; text-align:left; visibility:visible;} div.nav a { text-align: center; font-family: verdana; letter-spacing:2px; text-transform:uppercase; font-size:10px; display:inline; padding:2px; margin-right: 10px; border-bottom:1px solid; border-bottom-color:fff;} div.nav .span { background-color:000000; } div.nav a:link,.nav a:visited, div.nav a:active { margin-top:0; color:fff; display:inline; font-style:normal;} div.nav a:hover { color:000000; background:f8f677; border-bottom:1px solid; border-bottom-color:000;} font, td, a, table, td, li, p, div, textarea, li, h1, h2, p, br { font-family:tahoma; font-size: 8pt; color:fff; font-weight: normal; text-decoration: none; letter-spacing: 0px; padding: 0px; line-height: 17px;} h1 { font: 15pt "century gothic"; text-align: left; letter-spacing: 3px; text-transform: lowercase; margin: 0 0 10px 0; color:ffffff; border-bottom:2px solid; border-bottom-color:ffffff;} div.title { font: 30pt "arial narrow"; text-align: left; letter-spacing: 3px; text-transform: lowercase; position:absolute; z-index:2; top:0; margin-top:170px; left: 50%; margin-left: -250px; color:fff;} a:link, a:visited, a:active {color:F5BF39; text-decoration: none; font-weight:bold;} a:hover {cursor: help; color: 000000; text-decoration: none;} input, textarea { cursor: ne-resize; color:000; font-size:8pt; font-family:Verdana; background-color:#00000; border-width:1px; border-style:solid; border-color:000;} .blacktext10,.orangetext15, .nametext, table.friendsComments tr td { color:ffffff; } .btext,.redtext,.redlink { display: none} table b {display:none;} object, embed { visibility:visible; position:absolute; top:500px; left:50%; right:50%; margin-left:-76px; z-index:9; } .comments embed, .comments object { display:inline; visibility:visible; position:relative; top:0px; margin-left:0px; left:0px; right:0px; } </style> WHO I'D LIKE TO MEET SECTION: </td></tr></table></td></tr></table></td></tr></table></div> <div class="div"><img src="http://cbimg6.com/layouts/07/09/15/21512ab.jpg"></div> </div> <div class="nav"> <a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyJk15VG9rZW49ZTExOGM5NDgtNDdkZC00Y2JhLTlmYTQtZWYxOWZjMGYxYzA0">Home</a> <a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD1ZT1VSIEZSSUVORCBJRA==">Add</a> <a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu mlld1BpY3R1cmUmZnJpZW5kSUQ9WU9VUiBGUklFTkQgSUQ=">Pictures</a> <a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9WU9VUiBGUklFTkQgSUQ=">Blog</a> <a href="http://www.msplinks.com/MDFodHRwOi8vbWFpbC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1tYWlsLm1lc3NhZ2UmZnJpZW5kSUQ9WU9VUiBGUklFTkQgSUQ=">Message</a> <a href="http://www.msplinks.com/MDFodHRwOi8vYmFyZXR0YS51bmkuY2Mv">Fainaru</a> <a href="http://www.msplinks.com/MDFodHRwOi8vdGV4dHV1cmVzLnVuaS5jYy8=">Textuures</a> </div> <div class="title">my name</a></div> <div class="aboutme"> <h1>title</h1> <b>april 7 2008</b> <br><br></a><br> <br> <object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/jIjNv2b5C8Q&hl=it"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/jIjNv2b5C8Q&hl=it" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object> <div class="comments" style="width:500px; position: absolute; top:450px; left:50%; right:50%; margin-left:-254px; z-index:7; background-color:000000;"><div style="margin-left:20px;"><div style="margin-bottom:10px; margin-left:10px;"><a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdmcmllbmRzMiZmcmllbmRJRD0zNjY2NjQ4NTkmTXlUb2tlbj1mMTM2 DYxZi1lNTExLTRjYjMtYjZiNC01ZjIzNjQ4NThiOTRi4oCdPlZpZXcgIG15IEZyaWVuZHM8L2I+PC9hP B8IDxhIGhyZWY9"http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=366664859"><b>Add Comment</b></a></div><table><tr><td><table><tr><td> </div> Im trying to move my content below the title where is the text section |
|
|
|
Apr 9 2008, 10:01 AM
Post
#6
|
|
![]() Kissing for yesterday. ![]() ![]() ![]() ![]() ![]() Group: Official Designer Posts: 465 Joined: Sep 2007 Member No: 569,813 |
are you HTML experienced?
i think you'd need to get permission to change the layout to be honest. but if allowed my suggestion would be to: 1. measure the height of the content you want. 2. move all of the layers apart from the image and content you want above your additional content which isnt showing in the correct place to the amount of pixels plus ten pixels of your content height. 3. now add in a new layer to the original settings of the first layer you needed to move down (apart from height, obviously) and that should work. |
|
|
|
Apr 9 2008, 10:12 AM
Post
#7
|
|
|
Newbie ![]() Group: Member Posts: 4 Joined: Apr 2008 Member No: 639,067 |
i'll try to do what u say if the guy gives me the permission to change the layout. im not so experienced so it's not that easy for me but i'll try. thanks a lot for your help
|
|
|
|
Apr 11 2008, 08:02 AM
Post
#8
|
|
![]() Addict ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Staff Alumni Posts: 3,918 Joined: Jun 2007 Member No: 538,522 |
Great stuff, I'll close this now - PM me if you need it reopening or start a new thread if you've a different issue.
Topic Closed. |
|
|
|
![]() ![]() |