Top Banner

7 posts from 2 voices

• Started 12 months ago by BUNKER_STUDIOS
• Latest reply from Ismael
• This topic is not a support question

Tags:

No tags yet.

1. 

   BUNKER_STUDIOS
   Member

   Greetings,

   I have a doubt about how to implement the following feature on the Top Banner:

   > I pretend to make the button that opens the Top Banner, to have the same effect of the social icons, i.e, just a simple button.

   Can you tell me where in the code can I edit that function?

   Thank you and keep up the good work
   Joao

   Posted 12 months ago #
2. 

   BUNKER_STUDIOS
   Member

   Any idea?

   Posted 12 months ago #
3. 

   Ismael
   Moderator

   Hi,

   Kindly post a link to your site. And if possible, can you post a screenshot or additional description of where you would like to insert the top banner in the header area so we can give you more accurate instruction. :)

   Regards,
   Ismael

   Posted 11 months ago #
4. 

   BUNKER_STUDIOS
   Member

   greetings Ismael,

   Thank you for your message.

   Please check the following image: http://dl.dropbox.com/u/13434935/icon.jpg

   So basically I just want the red highlighted icon to have just a link for an external URL, instead of opening the top banner.

   Thank you and best regards
   Joao

   Posted 11 months ago #
5. 

   Ismael
   Moderator

   Hi Joao,

   You can change it in: wp-content\themes\angular\functions.php and find this line of code:
   function avia_banner($padding = 0)
   The whole function is only showing what you just highlighted in red, you can add or integrate your code in there. Hope this helps. :)

   Regards,
   Ismael

   Posted 11 months ago #
6. 

   BUNKER_STUDIOS
   Member

   Greetings Ismael,

   Thank you for your help.

   I found the line you mention, the problem is that I'm not a expert in PHP so I'm having some difficulty to know what changes I need to make (add code, delete lines of code, etc) in this function to deactivate the top banner to open and be a simple button to a URL.

   Can you help?

   Thank you in advance.

   Best regards
   Joao

   Posted 11 months ago #
7. 

   Ismael
   Moderator

   Hi Joao,

   Below the function I have showed above, kindly replace this code:
   

   $output .= "<div class='$extraClass info_text_header' id='info_text_header' data-hash='$bannerHash' data-cookiename='$cookieName'><div style='padding-right:".$padding."px;' class='infotext_wrap'>";
   $output .= "<div class='infotext'>$bannerText <a class='close_info_text rounded' href='#close'>".__('close','avia_framework')."</a></div>";
   
   $output .= "</div></div>";

   With this:
   $output .= "<a href=\"http://kriesi.at\"><div class='info_text_header2' id='info_text_header2'></div></a>";
   Change http://kriesi.at to the url you want the user to be redirected when they clicked the button. Then, go to: wp-content\themes\angular\css\custom.css and add this code:
   

   #info_text_header2{
   position: relative;
   height:42px;
   width:42px;
   z-index: 151;
   top:0;
   overflow: hidden;
   left:-1px;
   }
   
   #info_text_header2{
   left:0px;
   background-image: url(../images/layout/icon-alert.png);
   background-position:  0 top;
   background-repeat:  no-repeat;
   cursor: pointer;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   border-width: 1px;
   border-style: dotted;
   border-top:none;
   border-bottom:none;
   border-color:#D4C5B9;
   }
   #info_text_header2:hover {
   background-color: #333;
   background-position:  -43px top;
   }

   Hope this helps. :)

   Regards,
   Ismael

   Posted 11 months ago #

RSS feed for this topic

Reply

You must log in to post.