Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 15 of 15
  1. #1
    New to the CF scene
    Join Date
    Jan 2008
    Posts
    4
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Help needed ; making a website with a portal.

    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!!

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    CSS (in fact nothing) can't prevent your images from being saved.
    Read http://www.w3schools.com/css/css_intro.asp
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    BloodVanille (01-13-2008)

  • #3
    New to the CF scene
    Join Date
    Jan 2008
    Posts
    4
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by abduraooft View Post
    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? =(

  • #4
    New Coder
    Join Date
    Jan 2008
    Posts
    42
    Thanks
    4
    Thanked 4 Times in 4 Posts
    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.

    Code:
    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.

    Code:
    <img src="some_image.png" alt="Some Image.">
    I assume this is what you mean, when you say "dragging".
    Last edited by AoR Zeta; 01-13-2008 at 03:22 PM.

  • Users who have thanked AoR Zeta for this post:

    BloodVanille (01-13-2008)

  • #5
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Didn't get exactly what you are trying for....
    Code:
    div#wrap{
    width:500px;
    height:500px;
    text-align:center;
    background:url(path-to-bg) repeat;
    }
    Code:
    <div id="wrap">
     <img src="path-to-image" alt="whatever"/>
    </div>
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    BloodVanille (01-13-2008)

  • #6
    New to the CF scene
    Join Date
    Jan 2008
    Posts
    4
    Thanks
    3
    Thanked 0 Times in 0 Posts
    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.

  • #7
    New Coder
    Join Date
    Jan 2008
    Posts
    42
    Thanks
    4
    Thanked 4 Times in 4 Posts
    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.

  • #8
    New to the CF scene
    Join Date
    Jan 2008
    Posts
    4
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by AoR Zeta View Post
    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. ^_^

  • #9
    Regular Coder
    Join Date
    Nov 2007
    Posts
    110
    Thanks
    0
    Thanked 1 Time in 1 Post
    Very symple in css under body set background. or u can set it by class id toooo

  • #10
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    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.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #11
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    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.

  • #12
    New Coder
    Join Date
    Jan 2008
    Posts
    42
    Thanks
    4
    Thanked 4 Times in 4 Posts
    Quote Originally Posted by effpeetee View Post
    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!

  • #13
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Quote Originally Posted by AoR Zeta View Post
    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.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #14
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    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

  • #15
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Quote Originally Posted by bazz View Post
    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
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •