Log In · Register

 
 
Closed TopicStart new topic
2 images in a div
Lj-Phresh
post Aug 21 2008, 07:51 PM
Post #1


Senior Member
****

Group: Member
Posts: 170
Joined: Aug 2008
Member No: 675,679



http://www.createblog.com/layouts/code.php?id=30773

you see how that layout has 2 images.
how you do that??
 
Tomates
post Aug 21 2008, 07:54 PM
Post #2


poison
*******

Group: Official Member
Posts: 4,806
Joined: Mar 2008
Member No: 629,020



One is the background http://cbimg6.com/layouts/08/08/30773aa.gif
One is the DIV picture itself http://cbimg6.com/layouts/08/08/30773ab.png

two seperate images just merged together

sorry mods if what i did with taking the pictures out is considered bad
 
Lj-Phresh
post Aug 21 2008, 07:57 PM
Post #3


Senior Member
****

Group: Member
Posts: 170
Joined: Aug 2008
Member No: 675,679



QUOTE(Tomates @ Aug 21 2008, 07:54 PM) *
One is the background http://cbimg6.com/layouts/08/08/30773aa.gif
One is the DIV picture itself http://cbimg6.com/layouts/08/08/30773ab.png

two seperate images just merged together

sorry mods if what i did with taking the pictures out is considered bad


so you just put it ina div table?
 
Tomates
post Aug 21 2008, 08:00 PM
Post #4


poison
*******

Group: Official Member
Posts: 4,806
Joined: Mar 2008
Member No: 629,020



Yeah, i think. Im really bad at dictating about codes usually, but this time i think im right about this XD
I make DIV's myself, and theres a part on the codes where it says Background color or background image
and some people will not put anything for the background image thus giving it a solid colour
 
Lj-Phresh
post Aug 21 2008, 08:04 PM
Post #5


Senior Member
****

Group: Member
Posts: 170
Joined: Aug 2008
Member No: 675,679



QUOTE(Tomates @ Aug 21 2008, 08:00 PM) *
Yeah, i think. Im really bad at dictating about codes usually, but this time i think im right about this XD
I make DIV's myself, and theres a part on the codes where it says Background color or background image
and some people will not put anything for the background image thus giving it a solid colour


oOo

ain't there a way 2 add one image then overtop that 1 with another?
 
Tomates
post Aug 21 2008, 08:08 PM
Post #6


poison
*******

Group: Official Member
Posts: 4,806
Joined: Mar 2008
Member No: 629,020



well yeah, thats what you usually do
your just adding the main DIV picture over the background image.
The only thing different is you can move your DIV image around
 
Lj-Phresh
post Aug 21 2008, 08:11 PM
Post #7


Senior Member
****

Group: Member
Posts: 170
Joined: Aug 2008
Member No: 675,679



QUOTE(Tomates @ Aug 21 2008, 08:08 PM) *
well yeah, thats what you usually do
your just adding the main DIV picture over the background image.
The only thing different is you can move your DIV image around


and then add another div for your stuff??


 
Tomates
post Aug 21 2008, 08:12 PM
Post #8


poison
*******

Group: Official Member
Posts: 4,806
Joined: Mar 2008
Member No: 629,020



well then you add the boxes and text and links or whatever else you want.
Somewhere on here theres a good tutorial on how to make a DIV layout
 
Lj-Phresh
post Aug 21 2008, 08:16 PM
Post #9


Senior Member
****

Group: Member
Posts: 170
Joined: Aug 2008
Member No: 675,679



QUOTE(Tomates @ Aug 21 2008, 08:12 PM) *
well then you add the boxes and text and links or whatever else you want.
Somewhere on here theres a good tutorial on how to make a DIV layout


i already kno how to make a div.i just didnt know that

.you said boxes?i thought you put the image in a box like


<div class="moveLinks"></div>
<div class="divOne">

</div>

then add another one of em to put your links and stuff in
 
Tomates
post Aug 21 2008, 08:18 PM
Post #10


poison
*******

Group: Official Member
Posts: 4,806
Joined: Mar 2008
Member No: 629,020



well, i dont think you would put it in like that, I mean it could work but im not sure
There are tons of DIV's with all sorts of codes and i guess depending on how yours it could work
 
Lj-Phresh
post Aug 21 2008, 08:20 PM
Post #11


Senior Member
****

Group: Member
Posts: 170
Joined: Aug 2008
Member No: 675,679



QUOTE(Tomates @ Aug 21 2008, 08:18 PM) *
well, i dont think you would put it in like that, I mean it could work but im not sure
There are tons of DIV's with all sorts of codes and i guess depending on how yours it could work


ok then whats your way?
what code would you use?
 
Tomates
post Aug 21 2008, 08:23 PM
Post #12


poison
*******

Group: Official Member
Posts: 4,806
Joined: Mar 2008
Member No: 629,020



This is from my cupcake DIV and heres part of the code

<div class="div">

<img src="http://i35.tinypic.com/hues5z.png" usemap="#name" border="0" /><map name="name">

hmm...so it is a lot like yours only i bit different in some ways.
So try yours out it might work

I feel really retarded because i cant teach too well as i thought i could XD

 
Lj-Phresh
post Aug 21 2008, 08:26 PM
Post #13


Senior Member
****

Group: Member
Posts: 170
Joined: Aug 2008
Member No: 675,679



QUOTE(Tomates @ Aug 21 2008, 08:23 PM) *
This is from my cupcake DIV and heres part of the code

<div class="div">

<img src="http://i35.tinypic.com/hues5z.png" usemap="#name" border="0" /><map name="name">

hmm...so it is a lot like yours only i bit different in some ways.
So try yours out it might work

I feel really retarded because i cant teach too well as i thought i could XD


i use this for my background

body{
background-color: 000;
background-image: url('IMAGE_URL_HERE');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center 150px;
}

like that layout i posted.
i change it to repeated
then i add your code
and theres the other image on top?

 
Tomates
post Aug 21 2008, 08:39 PM
Post #14


poison
*******

Group: Official Member
Posts: 4,806
Joined: Mar 2008
Member No: 629,020



that should work for your background image.
I dont mind you adding my code, but you should ask for permission first, to anyones actually
some can be sensitive and might call it jocking

but i dont mind since its just a little bit of a code,
now if you used the whole thing that wouldnt be good XD
 
Lj-Phresh
post Aug 21 2008, 08:44 PM
Post #15


Senior Member
****

Group: Member
Posts: 170
Joined: Aug 2008
Member No: 675,679



QUOTE(Tomates @ Aug 21 2008, 08:39 PM) *
that should work for your background image


lol let me see if i get this right.

lets say i want repeated stars..then add another image for my stuff.

first for the stars i put

this

.37182{background settings}
body{
background-color: 000;
background-image: url('IMAGE_URL_HERE');
background-repeat: repeat;
background-attachment: scroll;
background-position: center 150px;
}

and for my 2nd image..add your coding

<div class="div">

<img src="http://i35.tinypic.com/hues5z.png" usemap="#name" border="0" /><map name="name">

to make it look like that link i posted

or do i got it all wrong?
 
Tomates
post Aug 21 2008, 08:53 PM
Post #16


poison
*******

Group: Official Member
Posts: 4,806
Joined: Mar 2008
Member No: 629,020



yeah thats how it would go
 
Lj-Phresh
post Aug 21 2008, 08:56 PM
Post #17


Senior Member
****

Group: Member
Posts: 170
Joined: Aug 2008
Member No: 675,679



QUOTE(Tomates @ Aug 21 2008, 08:53 PM) *
yeah thats how it would go


haha aight
 

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