The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

about image copyrights how to do it

2 posters

Go down

about image copyrights how to do it Empty about image copyrights how to do it

Post by Michael_vx May 25th 2014, 7:59 pm

like this CSS code
Code:
    .postbody img {
    background: url(http://i25.servimg.com/u/f25/15/95/28/21/arab_s10.png) no-repeat;
    padding: 0px 0px 27px 0px;
    background-position: bottom;
    max-width:600px;
    }
it put a image as a copyright to any image at the post but there is a little problem
this code put that copyright even at Emotions is there any way to make something like this with out bothering the Emotions or to make something like that
about image copyrights how to do it Image
other word
add my forum name at every image by it self or when images show at the site
 Laughing
Michael_vx
Michael_vx
Forumember

Male Posts : 664
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

about image copyrights how to do it Empty Re: about image copyrights how to do it

Post by Guest May 25th 2014, 8:06 pm

Are you using image resize option? If yes, then try to use this one instead:
Code:
.postbody img.resize_img {
background: url(http://i25.servimg.com/u/f25/15/95/28/21/arab_s10.png) no-repeat;
padding: 0px 0px 27px 0px;
background-position: bottom;
max-width:600px;
}
avatar
Guest
Guest


Back to top Go down

about image copyrights how to do it Empty Re: about image copyrights how to do it

Post by Michael_vx May 25th 2014, 11:47 pm

@Mark wrote:Are you using image resize option? If yes, then try to use this one instead:
Code:
.postbody img.resize_img {
background: url(http://i25.servimg.com/u/f25/15/95/28/21/arab_s10.png) no-repeat;
padding: 0px 0px 27px 0px;
background-position: bottom;
max-width:600px;
}
 What the fuck ?!?
it didnt even show any thing looks didnt work
Michael_vx
Michael_vx
Forumember

Male Posts : 664
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

about image copyrights how to do it Empty Re: about image copyrights how to do it

Post by Guest May 26th 2014, 7:24 am

Did you set the size for image resize? Try going to ACP > General > Message and Emails > Configuration > Message section:
- Image resize:
-- Width: 300
-- Height: 100
avatar
Guest
Guest


Back to top Go down

about image copyrights how to do it Empty Re: about image copyrights how to do it

Post by Michael_vx May 26th 2014, 1:50 pm

hi i never use image resize but thanks for the info
i will wait for better answer Very Happy
Michael_vx
Michael_vx
Forumember

Male Posts : 664
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

about image copyrights how to do it Empty Re: about image copyrights how to do it

Post by Michael_vx May 27th 2014, 6:42 pm

hi
is there any good news ?
Michael_vx
Michael_vx
Forumember

Male Posts : 664
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

about image copyrights how to do it Empty Re: about image copyrights how to do it

Post by Wagner' June 6th 2014, 6:55 pm

Hello,

Hmm, lets think about a solution to do this.

All images of your forum need to have a "copyright"? And you know this is fail? If the user download your image they can have the original image without the credits...

I know one way with data-atribute on your img tags. But we have one problem, most of browsers don't support :before, :after or content: tags on CSS.. So you need to put this image in a container..

Preview:
http://jsbin.com/zukir/3

Code:
Code:
<div data-copyright="Copyright">
  <img src="http://r29.imgfast.net/users/3412/19/22/63/avatars/91387-72.jpg" />
</div>

Code:
[data-copyright] {
  position: relative;
  display: inline-block;
}
[data-copyright]:before{   
  content: attr(data-copyright);
  position: absolute;
  z-index: 9999;
  text-shadow: #000 1px 1px 0;
  bottom: .5em;
  right: .5em;
  font-size: 12px;
  color: #fff;
  font: 14px Lucida sans;
}

It's just a way.. Did you like it?

Spoiler:
Wagner'
Wagner'
Forumember

Male Posts : 48
Reputation : 6
Language : Portuguese
Location : Brazil

http://www.bestskins.net/forum

Back to top Go down

about image copyrights how to do it Empty Re: about image copyrights how to do it

Post by Michael_vx June 6th 2014, 11:33 pm

hi the 2nd code looks CSS to me but what is the 1st code is it HTML or BBcode and how should it be used
thank you
Michael_vx
Michael_vx
Forumember

Male Posts : 664
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

about image copyrights how to do it Empty Re: about image copyrights how to do it

Post by Wagner' June 6th 2014, 11:41 pm

This is just a container to our image, in HTML... 

We're using a data-attribute to put your Copyright dynamically
Code:
<div data-copyright="Copyright">


Look to the word "Copyright" (the second word..), this is your copyright, just change it like you want...


Here is a example:
Code:
<div data-copyright="My copyright goes here">
  <img src="http://r29.imgfast.net/users/3412/19/22/63/avatars/91387-72.jpg" />
</div>

Just put the second code on your CSS and post that HTML in any post to test it..
Wagner'
Wagner'
Forumember

Male Posts : 48
Reputation : 6
Language : Portuguese
Location : Brazil

http://www.bestskins.net/forum

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum