Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <li class="temnyi">
- <a href="<? the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>" class="svetlyi"><?php the_title(); ?></a>
- <a href="<? the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_post_thumbnail(); ?></a>
- </li>
- .temnyi { position: relative;margin-bottom: 15px;}
- .svetlyi { position: absolute; right: 0px; bottom: 5px;background: rgba(0, 0, 0, 0.5); padding: 4px 9px 5px 9px; color: #fff; width: 235px;}
- .temnyi a:hover {color:#ffff99}
- .temnyi img:hover {
- color: #000;
- }
- .temnyi img:hover {
- filter: brightness(0.2);
- -webkit-filter: brightness(0.2);
- -moz-filter: brightness(0.2);
- -o-filter: brightness(0.2);
- -ms-filter: brightness(0.2);
- }
- img:hover a {
- color:yourcolor;
- }
- <li class="temnyi">
- <a href="<? the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>">php the_post_thumbnail();</a>
- <a href="<? the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>" class="svetlyi">php the_title();</a>
- </li>
- .temnyi { position: relative;margin-bottom: 15px;}
- .svetlyi { position: absolute; right: 0px; bottom: 5px;background: rgba(0, 0, 0, 0.5); padding: 4px 9px 5px 9px; color: #fff; width: 235px;}
- .temnyi a:hover, .temnyi a:first-of-type:hover + a {color:#ffff99}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement