De Ce Nu Pot Adauga Niciun Efect La Butoane ?

Alexandru C. · January 30, 2015

salut , detin csrullz.com , si am incercat sa adaug un efect hover la butoane , la-m adaugat bine , dar nu functioneaza . De ce ?

Alexandru C. · January 31, 2015

UP

+d@niel · January 31, 2015

Uite poate te ajuta cu ceva.

Hover.css Modele.

Dai pe download si dupa la CSS si iti iei ce doresti fara sa descarci.

Alexandru C. · January 31, 2015

Ok , am luat codul care il vroiam , doar ca , in ipb_styles.css , la meniu am urmatorul cod :

#test-menu-button {
background-color: #1d1d1d;
opacity: 0.9;
border-style: solid;
border-radius: 50px;
border-width: 1px;
border-right: 5px;
border-left: 5px;
border-top: 1xp;
border-bottom: 10px;
max-height: 100px;
width: 75px;
text-align: center;
padding: 5px;
color: #16A085;
text-decoration: bold;
display: inline-block;
font: normal 9px tahoma,helvetica,arial,sans-serif;
}




#test-menu {
text-align: center;
margin-left: 5px;
margin-right: 5px;
bottom: 0px;
position: relative;
padding-top: 270px;
color: white;
width: 100%;
}

Ce trebuie sa fac sa functioneze si hover-ul ?

Sebastian C. · January 31, 2015

Mai fa un cod numit #test-menu-button a hove { si bagi codul .

Alexandru C. · January 31, 2015

Am pus asta

#test-menu-button a:hover {
-webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
-webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg); }

Dar tot nu are niciun efect...poate sa fie de la pozitia codului in globalTemplate ?

gadeas · January 31, 2015

Poate sa fie si de la cum e format si meniul. Un simplu text de link nu ti se va plimba, probabil trebuia sa incerci cu li daca exista in acel meniu:

#test-menu-button li:hover {

Alexandru C. · February 1, 2015

Nici cu li nu a functionat.

Asta e codul din globalTemplate te la APPLICATION TABS Pana la MAIN CONTENT AREA

 <!-- ::: APPLICATION TABS ::: -->
<div id="test-menu">

</a>

<a href="http://csrullz.com" target="_blank">
<div id="test-menu-button" style="border-bottom: 0 15px 0 0;"><br>
              <width="32px" height="32px">
              <spam style="margin-top: 6px;"><b>INDEX</b></spam>
        </div>

<a href="http://www.csrullz.com/forum">
<div id="test-menu-button" style="border-bottom: 0 15px 0 0;"><br>
              <width="32px" height="32px">
              <spam style="margin-top: 1px;"><b>FORUM</b></spam>
        </div>
</a>

<a href="http://csrullz.com/forum/index.php?/members/">
<div id="test-menu-button" style="border-bottom: 0 15px 0 0;"><br>
               <width="32px" height="32px"  
              <spam><b>MEMBRI</b></spam>
        </div>
</a>
<a href="http://www.teamspeak.com/invite/89.39.14.61:9989/">
<div id="test-menu-button" style="border-bottom: 0 15px 0 0;"><br>
               <width="25px" height="25px"  
              <spam><b>TEAMSPEAK</b></spam>
        </div>


</a>
<a href="http://csrullz.com/forum/index.php?/forum/344-afiliere-server/">
<div id="test-menu-button" style="border-bottom: 0 15px 0 0;"><br>
              <width="32px" height="32px">
              <spam><b>CERERI DNS</b></spam>
        </div>
</a>

<a href="https://www.facebook.com/csrullzcommunity?ref=bookmarks" target="_blank">
<div id="test-menu-button" style="border-bottom: 0 15px 0 0;"><br>
              <width="32px" height="32px">
              <spam style="margin-top: 6px;"><b>FACEBOOK</b></spam>
        </div>


</a>

<a href="http://www.gametracker.com/clan/CsrRo/" target="_blank">
<div id="test-menu-button" style="border-bottom: 0 15px 0 0;"><br>
              <width="32px" height="32px">
              <spam style="margin-top: 6px;"><b>GAMETRACKER</b></spam>
        </div>


</a>

<a href="http://csrullz.com/servere/" target="_blank">
<div id="test-menu-button" style="border-bottom: 0 15px 0 0;"><br>
              <width="32px" height="32px">
              <spam style="margin-top: 6px;"><b>SERVERE</b></spam>
        </div>


</a>

<a href="http://www.girlshare.ro/34289465.1" target="_blank">
<div id="test-menu-button" style="border-bottom: 0 15px 0 0;"><br>
              <width="32px" height="32px">
              <spam style="margin-top: 6px;"><b>DOWNLOAD CS</b></spam>
        </div>


</a>
</div>
            
			<if test="$this->settings['navDropdown']=='yes'">
			<ul id='primary_extra_menucontent' class='ipbmenu_content' style='display: none'>
				<li><a href='#'>Extra Link</a></li>
				<li><a href='#'>Extra Link</a></li>
				<li><a href='#'>Extra Link</a></li>
			</ul>
			<script type='text/javascript'>
				new ipb.Menu($('primary_extra'),$('primary_extra_menucontent'));
			</script>
			</if>

			</div>
		
            <div class='content'>
	
                <div id='secondary_navigation' class='clearfix'>
                                
                    <ol class='breadcrumb top ipsList_inline left' id='breadcrumb'>
                        <php>$this->did_first = 0;</php>
                        <if test="switchnavigation:|:!$this->settings['remove_forums_nav'] OR ipsRegistry::$current_application == 'forums'">
                            <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb" <if test="!$this->did_first">class='first'</if>>
                                <a href='{parse url="act=idx" seotitle="false" base="public"}' itemprop="url">
                                    <span itemprop="title">{$this->settings['board_name']}</span>
                                </a>
                            </li>
                            <if test="didfirstnav:|:$this->did_first=1"></if>
                        </if>
                        <foreach loop="navigation:$items['navigation'] as $idx => $data">
                            <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb" <if test="!$this->did_first">class='first'</if>>
                                 <if test="navigationlink:|:$data[1]"><a href='{parse url="{$data[1]}" base="$data[4]" seotitle="$data[2]" template="$data[3]"}' title='{$this->lang->words['nav_return_to']} {parse expression="IPSText::striptags( IPSText::htmlspecialchars( $data[0] ) )"}' itemprop="url"></if><span itemprop="title">{$data[0]}</span><if test="closenavigationlink:|:$data[1]"></a></if>
                            </li>
                            <if test="forsuredidfirstnav:|:$this->did_first=1"></if>
                        </foreach>
                    </ol>
                    
                    <ul id='secondary_links' class='ipsList_inline right'>
                        <if test="siteruleslink:|:$this->settings['gl_show'] and $this->settings['gl_title']"><li><a href='<if test="ruleslink:|:$this->settings['gl_link']">{$this->settings['gl_link']}<else />{parse url="app=forums&amp;module=extras&amp;section=boardrules" base="public"}</if>'><if test="siterulestitle:|:$this->settings['gl_title']">{$this->settings['gl_title']}<else />{$this->lang->words['board_rules']}</if></a></li></if>
                        <li><a href='{parse url="app=core&amp;module=search&amp;do=viewNewContent&amp;search_app=<if test="viewnewcontentapp:|:$this->registry->getCurrentApplication() != 'core' AND IPSLib::appIsSearchable( $this->registry->getCurrentApplication() )">{$this->registry->getCurrentApplication()}<else />forums</if>" base="public"}' accesskey='2'>{$this->lang->words['view_new_posts']}</a></li>
                        <if test="showQuickNav:|:! ( ! $this->memberData['member_id'] && $this->settings['force_login'] ) && !($this->settings['board_offline'] && !$this->memberData['g_access_offline']) && $this->memberData['g_view_board']">
                        <li><a href="{parse url="app=core&amp;module=global&amp;section=navigation&amp;inapp={parse expression="IPS_APP_COMPONENT"}" base="public"}" rel="quickNavigation" accesskey='9' id='quickNavLaunch' title="{$this->lang->words['launch_quicknav']}"><img src="{style_images_url}/icon_quicknav.png" alt="" /></a></li>
              
                         </if>
                        <if test="$this->settings['showFacebook']=='yes'">
                        <li><a href="http://www.facebook.com/{$this->settings['facebookName']}" title="Visit us on Facebook"><img src="{style_images_url}/social_facebook.png" alt="" /></a></li>
                        </if>
                        <if test="$this->settings['showTwitter']=='yes'">
                        <li><a href="http://twitter.com/#!/{$this->settings['twitterName']}" title="Follow us on Twitter"><img src="{style_images_url}/social_twitter.png" alt="" /></a></li>
                        </if>
                        <if test="$this->settings['showYoutube']=='yes'">
                        <li><a href="http://www.youtube.com/user/{$this->settings['youtubeName']}" title="Watch us on YouTube"><img src="{style_images_url}/social_youtube.png" alt="" /></a></li>
                        </if>
                    </ul>
                </div>

gadeas · February 1, 2015

Atunci fa direct cu:

#test-menu-button:hover

Si ii adaugi ce efecte vrei. Transition trebuie adaugat pe elementu normal (non-hover) si dupacea efectu care vreil sa-l faca pe hover.

Alexandru C. · February 1, 2015

Multumesc frumos gadeas , rezolvat

Sign In

De Ce Nu Pot Adauga Niciun Efect La Butoane ?

Recommended Posts

Alexandru C.

Alexandru C.

+d@niel

Alexandru C.

Sebastian C.

Alexandru C.

gadeas

Alexandru C.

gadeas

Alexandru C.

Please sign in to comment

Recently Browsing 0 members

Activity

Browse

Important Information