about image copyrights how to do it
2 posters
Page 1 of 1
about image copyrights how to do it
like this CSS code
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
- 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;
}
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
Michael_vx- Forumember
- Posts : 664
Reputation : 29
Language : Arabic and some English
Location : Egypt
Re: about image copyrights how to do it
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;
}
Guest- Guest
Re: about image copyrights how to do it
@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;
}
it didnt even show any thing looks didnt work
Michael_vx- Forumember
- Posts : 664
Reputation : 29
Language : Arabic and some English
Location : Egypt
Re: about image copyrights how to do it
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
- Image resize:
-- Width: 300
-- Height: 100
Guest- Guest
Re: about image copyrights how to do it
hi i never use image resize but thanks for the info
i will wait for better answer
i will wait for better answer
Michael_vx- Forumember
- Posts : 664
Reputation : 29
Language : Arabic and some English
Location : Egypt
Re: about image copyrights how to do it
hi
is there any good news ?
is there any good news ?
Michael_vx- Forumember
- Posts : 664
Reputation : 29
Language : Arabic and some English
Location : Egypt
Re: about image copyrights how to do it
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:
It's just a way.. Did you like it?
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
Re: about image copyrights how to do it
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
thank you
Michael_vx- Forumember
- Posts : 664
Reputation : 29
Language : Arabic and some English
Location : Egypt
Re: about image copyrights how to do it
This is just a container to our image, in HTML...
We're using a data-attribute to put your Copyright dynamically
Look to the word "Copyright" (the second word..), this is your copyright, just change it like you want...
Here is a example:
Just put the second code on your CSS and post that HTML in any post to test it..
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..
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum