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%;
	}
}

 


PHP Developer - Not available for freelancing right now

Daca ai de gand sa postezi la categoria IPB, nu uita sa citesti regulamentul: Link regulament

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%;
	}
}

 


"Sufletele cele mai întunecate nu sunt cele care aleg să existe în iad, ci acelea care aleg să evadeze și se mută în tăcere printre noi." - Samuel Loomis (Halloween)

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...