Jump to content
Sign in to follow this  
n3sS

hover efect logo

Recommended Posts

salut , ma poate ajuta cineva cu asta? 

doresc efectul 14 hover la banerul meu de pe forum ipb , mi se pare ca nu se potrivesc codurile , nu am experienta mare html , css , help va rog . as dorii codul plus indicatiile unde si ce pun , multumesc

Share this post


Link to post
Share on other sites

Trebuie sa specifici si ce tema folosesti, altfel nu vom stie care cod se potriveste.

Codu CSS de la efectu 14 este:

.hover14 figure {
	position: relative;
}
.hover14 figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hover14 figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

 

Share this post


Link to post
Share on other sites

cod header default , ma gandesc ca trebuie sa ma leg cu el , stiu ca acesta este codul 

GameLife by HuntsMan (webflake.sx) (Import)

codul din ipb_style.css

#logo { float: center; }
#logo a:hover{ opacity: 0.7; }




/* Text logo */

#logo a.textLogo{
color: #fff;
height: 130px;
line-height: 130px;
padding: 0 12px;
font-weight: bold;
font-size: 24px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
display: block;
text-decoration: none;
}

default header

<div align="center">
<if test="$this->settings['textLogo']=='yes'">
<a href='{$this->settings['board_url']}' class='textLogo' title='{$this->lang->words['go_home']}' rel="home" accesskey='1'>{$this->settings['board_name']}</a>
<else />
<a href='{$this->settings['board_url']}' title='{$this->lang->words['go_home']}' rel="home" accesskey='1'><img src='{parse replacement="logo_img"}' alt='{$this->lang->words['logo']}' /></a>
</if>
</div>

 

Share this post


Link to post
Share on other sites
On 7/5/2017 at 0:12 PM, Stefanx said:

Up.

Am in tema ce are si userul de mai sus si vreau daca se poate sa ma ajutati sa fac legatura...

Dacă mai ai nevoie de un răspuns poți începe prin a șterge

#logo a:hover{ opacity: 0.7; }

din CSS și modifică acel cod pus de @gadeas pus mai sus, dar fără 

.hover14 figure {
	position: relative;
}

astfel încât să ai

#logo::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
#logo:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×