Artodia: Helion

Share On and Thanks for post MODs - Artodia: Helion

Share On and Thanks for post MODs

by kemat1an » Tue Jun 18, 2013 2:03 pm

Hi! I installed correctly the above MODs with AutoMOD, but something is wrong with the layout.

See the attached images:

share-on.JPG
Share On with missing icons


content-css.JPG
Modified Content.css still not working with those parameters


visible.JPG
Thanks for Post MOD column is visible just on Prosilver Theme



Thanks in advance for any help,
Angelo
kemat1an
Registered User
Posts: 5
Joined: Tue Jun 18, 2013 1:50 pm

Re: Share On and Thanks for post MODs

by kemat1an » Wed Jun 19, 2013 12:34 pm

I fixed by myself the Share On issue adding this code wit Notepad++ at the end of content.css file:

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.

Fixed.JPG
Fixed Share On MOD


Now I'm going to fix the Thanks for post MOD.

Stay tuned.
kemat1an
Registered User
Posts: 5
Joined: Tue Jun 18, 2013 1:50 pm