2 images in a div |
2 images in a div |
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?? |
|
|
|
![]() |
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 |
|
|
|
Aug 21 2008, 07:57 PM
Post
#3
|
|
![]() Senior Member ![]() ![]() ![]() ![]() Group: Member Posts: 170 Joined: Aug 2008 Member No: 675,679 |
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? |
|
|
|
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 |
|
|
|
Aug 21 2008, 08:04 PM
Post
#5
|
|
![]() Senior Member ![]() ![]() ![]() ![]() Group: Member Posts: 170 Joined: Aug 2008 Member No: 675,679 |
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? |
|
|
|
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 |
|
|
|
Aug 21 2008, 08:11 PM
Post
#7
|
|
![]() Senior Member ![]() ![]() ![]() ![]() Group: Member Posts: 170 Joined: Aug 2008 Member No: 675,679 |
|
|
|
|
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 |
|
|
|
Aug 21 2008, 08:16 PM
Post
#9
|
|
![]() Senior Member ![]() ![]() ![]() ![]() Group: Member Posts: 170 Joined: Aug 2008 Member No: 675,679 |
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 |
|
|
|
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 |
|
|
|
Aug 21 2008, 08:20 PM
Post
#11
|
|
![]() Senior Member ![]() ![]() ![]() ![]() Group: Member Posts: 170 Joined: Aug 2008 Member No: 675,679 |
|
|
|
|
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 |
|
|
|
Aug 21 2008, 08:26 PM
Post
#13
|
|
![]() Senior Member ![]() ![]() ![]() ![]() Group: Member Posts: 170 Joined: Aug 2008 Member No: 675,679 |
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? |
|
|
|
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 |
|
|
|
Aug 21 2008, 08:44 PM
Post
#15
|
|
![]() Senior Member ![]() ![]() ![]() ![]() Group: Member Posts: 170 Joined: Aug 2008 Member No: 675,679 |
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? |
|
|
|
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
|
|
|
|
Aug 21 2008, 08:56 PM
Post
#17
|
|
![]() Senior Member ![]() ![]() ![]() ![]() Group: Member Posts: 170 Joined: Aug 2008 Member No: 675,679 |
|
|
|
|
![]() ![]() |