Hi! I installed correctly the above MODs with AutoMOD, but something is wrong with the layout.
See the attached images:
Thanks in advance for any help,
Angelo
Share On and Thanks for post MODs - Artodia: Helion
-
- Registered User
- Posts: 5
- Joined: Tue Jun 18, 2013 1:50 pm
Re: Share On and Thanks for post MODs
I fixed by myself the Share On issue adding this code wit Notepad++ at the end of content.css file:
It add a beautiful opacity effect on hover.
Now I'm going to fix the Thanks for post MOD.
Stay tuned.
Code: Select all
/*
Share On 2.1.0
*/
.phpbb .profile-icons .facebook-icon a {
background-color: transparent;
background-position: 0 0;
background-image: url("{T_THEME_PATH}/images/share_on_buttons/shareon_facebook.png");
width: 20px;
height: 20px;
opacity: 1;
}
.phpbb .profile-icons .facebook-icon a:hover {
background-color: transparent;
background-position: 0 0;
width: 20px;
height: 20px;
opacity: 0.6;
}
.phpbb .profile-icons .twitter-icon a {
background-color: transparent;
background-position: 0 0;
background-image: url("{T_THEME_PATH}/images/share_on_buttons/shareon_twitter.png");
width: 20px;
height: 20px;
opacity: 1;
}
.phpbb .profile-icons .twitter-icon a:hover {
background-color: transparent;
background-position: 0 0;
width: 20px;
height: 20px;
opacity: 0.6;
}
.phpbb .profile-icons .tuenti-icon a {
background-color: transparent;
background-position: 0 0;
background-image: url("{T_THEME_PATH}/images/share_on_buttons/shareon_tuenti.png");
width: 20px;
height: 20px;
opacity: 1;
}
.phpbb .profile-icons .tuenti-icon a:hover {
background-color: transparent;
background-position: 0 0;
width: 20px;
height: 20px;
opacity: 0.6;
}
.phpbb .profile-icons .sonico-icon a {
background-color: transparent;
background-position: 0 0;
background-image: url("{T_THEME_PATH}/images/share_on_buttons/shareon_sonico.png");
width: 20px;
height: 20px;
opacity: 1;
}
.phpbb .profile-icons .sonico-icon a:hover {
background-color: transparent;
background-position: 0 0;
width: 20px;
height: 20px;
opacity: 0.6;
}
.phpbb .profile-icons .friendfeed-icon a {
background-color: transparent;
background-position: 0 0;
background-image: url("{T_THEME_PATH}/images/share_on_buttons/shareon_friendfeed.png");
width: 20px;
height: 20px;
opacity: 1;
}
.phpbb .profile-icons .friendfeed-icon a:hover {
background-color: transparent;
background-position: 0 0;
width: 20px;
height: 20px;
opacity: 0.6;
}
.phpbb .profile-icons .orkut-icon a {
background-color: transparent;
background-position: 0 0;
background-image: url("{T_THEME_PATH}/images/share_on_buttons/shareon_orkut.gif");
width: 20px;
height: 20px;
opacity: 1;
}
.phpbb .profile-icons .orkut-icon a:hover {
background-color: transparent;
background-position: 0 0;
width: 20px;
height: 20px;
opacity: 0.6;
}
.phpbb .profile-icons .digg-icon a {
background-color: transparent;
background-position: 0 0;
background-image: url("{T_THEME_PATH}/images/share_on_buttons/shareon_digg.gif");
width: 20px;
height: 20px;
opacity: 1;
}
.phpbb .profile-icons .digg-icon a:hover {
background-color: transparent;
background-position: 0 0;
width: 20px;
height: 20px;
opacity: 0.6;
}
.phpbb .profile-icons .myspace-icon a {
background-color: transparent;
background-position: 0 0;
background-image: url("{T_THEME_PATH}/images/share_on_buttons/shareon_myspace.png");
width: 20px;
height: 20px;
opacity: 1;
}
.phpbb .profile-icons .myspace-icon a:hover {
background-color: transparent;
background-position: 0 0;
width: 20px;
height: 20px;
opacity: 0.6;
}
.phpbb .profile-icons .delicious-icon a {
background-color: transparent;
background-position: 0 0;
background-image: url("{T_THEME_PATH}/images/share_on_buttons/shareon_delicious.gif");
width: 20px;
height: 20px;
opacity: 1;
}
.phpbb .profile-icons .delicious-icon a:hover {
background-color: transparent;
background-position: 0 0;
width: 20px;
height: 20px;
opacity: 0.6;
}
.phpbb .profile-icons .technorati-icon a {
background-color: transparent;
background-position: 0 0;
background-image: url("{T_THEME_PATH}/images/share_on_buttons/shareon_technorati.png");
width: 20px;
height: 20px;
opacity: 1;
}
.phpbb .profile-icons .technorati-icon a:hover {
background-color: transparent;
background-position: 0 0;
width: 20px;
height: 20px;
opacity: 0.6;
}
.phpbb .profile-icons .tumblr-icon a {
background-color: transparent;
background-position: 0 0;
background-image: url("{T_THEME_PATH}/images/share_on_buttons/shareon_tumblr.png");
width: 20px;
height: 20px;
opacity: 1;
}
.phpbb .profile-icons .tumblr-icon a:hover {
background-color: transparent;
background-position: 0 0;
width: 20px;
height: 20px;
opacity: 0.6;
}
.phpbb .profile-icons .google-icon a {
background-color: transparent;
background-position: 0 0;
background-image: url("{T_THEME_PATH}/images/share_on_buttons/shareon_google.gif");
width: 20px;
height: 20px;
opacity: 1;
}
.phpbb .profile-icons .google-icon a:hover {
background-color: transparent;
background-position: 0 0;
width: 20px;
height: 20px;
opacity: 0.6;
}
It add a beautiful opacity effect on hover.
Now I'm going to fix the Thanks for post MOD.
Stay tuned.
-
- Registered User
- Posts: 5
- Joined: Tue Jun 18, 2013 1:50 pm