Log In · Register

 
help with content embed
8mimi8
post 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>
 
 
Start new topic
Replies (1 - 7)
vintage-toile
post 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 thumbsup.gif

CODE
like this
 
8mimi8
post 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.
 
vintage-toile
post 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 biggrin.gif that way people get to know you better.
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.
 
8mimi8
post 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
 
vintage-toile
post 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.
 
8mimi8
post 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
 
S-Majere
post 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.
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: