...

View Full Version : Help needed ; making a website with a portal.



BloodVanille
01-13-2008, 03:30 PM
Hello everyone, I'm very sorry if I'm breaking some rules or not.
I'm not a tech savvy neither a coder like all of you. My imagination is limited, so.. bear with me. :(

I love CSS because I see websites that were coded using CSS and the images couldn't be dragged nor be saved. This is the reason why I'm really attracted to CSS.

I'm trying to make a website, with a portal in front. So, basically it will have a repeated background and a portal image centered over the background. There will only be two images being used here.

I just don't have any idea how to make it. Is it possible? And is it possible to embed css picture in a website so that it couldn't be dragged or whatever?
Can we have more than one CSS background?

Thanks!!

abduraooft
01-13-2008, 03:35 PM
CSS (in fact nothing) can't prevent your images from being saved.
Read http://www.w3schools.com/css/css_intro.asp

BloodVanille
01-13-2008, 04:17 PM
CSS (in fact nothing) can't prevent your images from being saved.
Read http://www.w3schools.com/css/css_intro.asp
I know that. =)
I just want to make my images undraggable. It's not about leeching though.
Can you please help? =(

AoR Zeta
01-13-2008, 04:20 PM
If an image cannot be dragged, that means it is set as a background image.

The following CSS would set an image to repeat (on the x and y axis) across the entire page, it wouldn't be draggable.


body { background:#FFFFFF url(some_image.png) repeat; }

The following is the HTML for an image, because it isn't a background image; it would be draggable.


<img src="some_image.png" alt="Some Image.">

I assume this is what you mean, when you say "dragging".

abduraooft
01-13-2008, 04:27 PM
Didn't get exactly what you are trying for....

div#wrap{
width:500px;
height:500px;
text-align:center;
background:url(path-to-bg) repeat;
}

<div id="wrap">
<img src="path-to-image" alt="whatever"/>
</div>

BloodVanille
01-13-2008, 04:40 PM
Thank you AoR Zeta and abdurasoft, I'll definitely try your ways.

What I'm trying to do is, I wanna make an image undraggable. You see the codingforums' logo? You can drag it into your address bar, am I right?
I'm trying to prevent it from being draggable.

AoR Zeta
01-13-2008, 04:41 PM
If that is what you are trying to prevent, then make it a background image like I said and it won't be draggable.

Just so you know, people will still be able to do right click > view background image regardless, this doesn't offer any protection for your images.

BloodVanille
01-13-2008, 05:24 PM
If that is what you are trying to prevent, then make it a background image like I said and it won't be draggable.

Just so you know, people will still be able to do right click > view background image regardless, this doesn't offer any protection for your images.
Everything is okay for me if my images are undraggable. ^_^

shakir
01-13-2008, 05:36 PM
Very symple in css under body set background. or u can set it by class id toooo

effpeetee
01-13-2008, 08:00 PM
Everything is okay for me if my images are undraggable. ^_^

I have never seen a site that I can drag an image on. Also I have not been on a site that the images cannot be taken from. Have I been lucky or what.

Frank.

Apostropartheid
01-13-2008, 08:11 PM
You can move around the images, it just doesn't show a clone ;) Try moving the "Quote" button to the menu bars and you'll see what I mean.

However, there's absolutely no point. If people actually care enough to mess about moving your images, there's not a chance in hell that CSS backgrounds'll stop 'em. There's no point. You should be more concerned on realizing the times when you should be using a HTML img tag--people just don't care about dragging.

AoR Zeta
01-13-2008, 09:25 PM
I have never seen a site that I can drag an image on. Also I have not been on a site that the images cannot be taken from. Have I been lucky or what.

Frank.
Every site has draggable images in every Browser... provided they are not background images. Find an image on a Website (like the CodingForums.com logo for instance) that isn't a background image and try click and hold, then move your mouse.

Oh my you dragged it!

effpeetee
01-14-2008, 12:33 AM
Every site has draggable images in every Browser... provided they are not background images. Find an image on a Website (like the CodingForums.com logo for instance) that isn't a background image and try click and hold, then move your mouse.

Oh my you dragged it!
Nothing that I could do moved ANY image on the page. I have tried this on many pages with the same result. Nothing happens.

Frank.

bazz
01-14-2008, 02:38 AM
if you click and drag an image into the address bar, then you will be taken to a new page which shows only that image. and you should also see that the favicon sized image is in the address bar just like the CF opne at the top of this page you are reading.
If the image is a link to another page, then, you will be taken to that other page, if you drag the image.

bazz

effpeetee
01-14-2008, 08:48 AM
if you click and drag an image into the address bar, then you will be taken to a new page which shows only that image. and you should also see that the favicon sized image is in the address bar just like the CF opne at the top of this page you are reading.
If the image is a link to another page, then, you will be taken to that other page, if you drag the image.

bazz
That's not what I understood to be dragging an image. I thought that it meant physically altering it's position on screen, as in WYSIWYG.

Frank



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum