The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

about image copyrights how to do it

View previous topic View next topic Go down

about image copyrights how to do it

Post by Michael_vx on 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

other word
add my forum name at every image by it self or when images show at the site
Laughing

Michael_vx
Forumember

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

Back to top Go down

Re: about image copyrights how to do it

Post by @Mark on 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;
}

@Mark
Forumember

Male Posts : 187
Reputation : 37
Language : HTML | CSS | Javascript | C | Java
Location : Republic of the Philippines

http://help.forumotion.com/

Back to top Go down

Re: about image copyrights how to do it

Post by Michael_vx on 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
Forumember

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

Back to top Go down

Re: about image copyrights how to do it

Post by @Mark on 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

@Mark
Forumember

Male Posts : 187
Reputation : 37
Language : HTML | CSS | Javascript | C | Java
Location : Republic of the Philippines

http://help.forumotion.com/

Back to top Go down

Re: about image copyrights how to do it

Post by Michael_vx on 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
Forumember

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

Back to top Go down

Re: about image copyrights how to do it

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

hi
is there any good news ?

Michael_vx
Forumember

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

Back to top Go down

Re: about image copyrights how to do it

Post by Wagner' on 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:
Too bad english.. Yes i know that, sorry :/

Wagner'
Forumember

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

http://www.bestskins.net/forum

Back to top Go down

Re: about image copyrights how to do it

Post by Michael_vx on 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
Forumember

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

Back to top Go down

Re: about image copyrights how to do it

Post by Wagner' on 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'
Forumember

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

http://www.bestskins.net/forum

Back to top Go down

View previous topic View next topic Back to top


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