Jump to content
Sign in to follow this  
JuNNNNkie

font awesome la meniu

Recommended Posts

1 hour ago, brocuofficial said:

Search în ipb_styles.css


#community_app_menu

și ar trebui să găsești


font: cum s-o numi fontul;

dacă nu-l găsești, adaugi tu.

Scz m-am exprimat eu gresit!! Vreau sa pun fa fa icon in fata scrisului!! http://fontawesome.io/icons/

 

 

Share this post


Link to post
Share on other sites
3 hours ago, brocuofficial said:

aa

AdminCP > Look & Feel > tema ta > Global Templates > globalTemplate

Cauta


</if>
                                                </foreach>
                                        </if>

si adauga dupa


<a href="link"><img src="imagine"></a>

 

 

 nu gasesc acea linie!!!

Share this post


Link to post
Share on other sites
On 7/7/2016 at 2:50 PM, JuNNNNkie said:

 nu gasesc acea linie!!!

ba da

<!-- ::: APPLICATION TABS ::: -->
		<div id='primary_nav' class='clearfix'>
                <ul class='ipsList_inline' id='community_app_menu'>
                    <if test="showhomeurl:|:$this->settings['home_url'] AND $this->settings['home_name']">
                        <li id='nav_home' class='left'><a href='{$this->settings['home_url']}' title='{$this->lang->words['homepage_title']}' rel="home">{$this->settings['home_name']}</a></li>
                    </if>
                    <if test="hasCustomPrimaryNavigation:|:!empty($header_items['primary_navigation_menu'])">
                            {$header_items['primary_navigation_menu']}
                        <else />
                    <if test="applicationsloop:|:is_array($header_items['applications']) AND count($header_items['applications'])">
                        <foreach loop="applications:$header_items['applications'] as $data">
                            <if test="showingapp:|:$data['app_show']">
                                {parse variable="appActive" default="" oncondition="$data['app_active']" value="active"}
                                <li id='nav_app_{$data['app_dir']}' class="left {parse variable="appActive"}"><a href='{parse url="{$data['app_link']}" seotitle="{$data['app_seotitle']}" template="{$data['app_template']}" base="{$data['app_base']}"}' title='{parse expression="sprintf( $this->lang->words['go_to_prefix'], IPSLib::getAppTitle($data['app_dir']) )"}'>{IPSLib::getAppTitle($data['app_dir'])}</a></li>
                            </if>
                        </foreach>
                    </if></if>

ultimele 3 linii

Share this post


Link to post
Share on other sites
On 24.08.2016 at 9:46 PM, FizZle#Haarp said:

ba da


<!-- ::: APPLICATION TABS ::: -->
		<div id='primary_nav' class='clearfix'>
                <ul class='ipsList_inline' id='community_app_menu'>
                    <if test="showhomeurl:|:$this->settings['home_url'] AND $this->settings['home_name']">
                        <li id='nav_home' class='left'><a href='{$this->settings['home_url']}' title='{$this->lang->words['homepage_title']}' rel="home">{$this->settings['home_name']}</a></li>
                    </if>
                    <if test="hasCustomPrimaryNavigation:|:!empty($header_items['primary_navigation_menu'])">
                            {$header_items['primary_navigation_menu']}
                        <else />
                    <if test="applicationsloop:|:is_array($header_items['applications']) AND count($header_items['applications'])">
                        <foreach loop="applications:$header_items['applications'] as $data">
                            <if test="showingapp:|:$data['app_show']">
                                {parse variable="appActive" default="" oncondition="$data['app_active']" value="active"}
                                <li id='nav_app_{$data['app_dir']}' class="left {parse variable="appActive"}"><a href='{parse url="{$data['app_link']}" seotitle="{$data['app_seotitle']}" template="{$data['app_template']}" base="{$data['app_base']}"}' title='{parse expression="sprintf( $this->lang->words['go_to_prefix'], IPSLib::getAppTitle($data['app_dir']) )"}'>{IPSLib::getAppTitle($data['app_dir'])}</a></li>
                            </if>
                        </foreach>
                    </if></if>

ultimele 3 linii

Am luat din  global  codu din tema asta ca nu mi-a iesit altcumva e tema lui narf!!

iJ9x3wq.png

Dar imi apare asa: QYWUjrf.png

Am cautat in css dar e tot bagat in tema lui narf cu copy paste!! si nu am inteles nimic!

Share this post


Link to post
Share on other sites

Exemplu pentru forums ( te poti ghida pentru restul ) : 

  • Adaugi in css 
#primary_nav li#nav_app_forums:before {
	display: inline-block;
	font-family: 'FontAwesome'
	content: '\f075';
	position: relative;
	right: 3px;
}
  • La fel pentru restul doar ca trebuie de modifici 
nav_app_forums
  • Din 
#primary_nav li#nav_app_forums:before
  • Unde gasesti ce cod sa folosesti in functie de meniu? Cu ajutorul la inspect elements. De pe pagina unde ai instalata platforma dai click dreapta pe meniul la care vrei sa adaugi iconita, click pe inspect elements si trebuie sa-ti apara o linie de genul :
<li id="nav_app_forums" class="left active">
  • Eventual e posibil sa-ti apara una de genul : 
<a href="linkcenzurat" title="Go to Forum">Forum</a>

Caz in care linia mai sus mentionata, pe care tu o cauti se afla fix deasupra linie mentionate care ar putea eventual sa apara daca ai deschis inspect elements

  • Pentru a schimba iconita in functie de meniu trebuie sa schimbi codul
f075
  • Din 
content: '\f075';
  • Intri pe www.fontawesome.io/icons si alegi o iconita cum ar fi fa-comment, cea aleasa pentru acest exemplu, o gasesti dand un search cu functia pusa la dispozitie pe site-ul lor. Odata ce gaseste iconita pe care vrei s-o folosesti dai click pe ea si ti se va deschide un link de genul http://fontawesome.io/icon/comment/. Odata deschis apasa CTRL + F si cauta 
Unicode
  • Si iti va aparea ceva de genul 
Unicode: f075
  • Iei codul de acolo si il inlocuiesti unde am mentionat mai sus.

Atentie, nu va functiona daca :

Nu ai inclus CSS-ul oferit de ei in pagina, daca doresti sa-l incluzi urmeaza pasii astia:

  • Intra pe http://fontawesome.io/get-started/
  • Intru adresa ta de email in casuta in care ti-o cere
  • Vei primi un mail titlul 

    Your new Font Awesome CDN embed code si in el va fi un cod html pe care va trebui sa-l copiezi

  • Dupa care va trebui sa intri in ACP > Look & Feel > Tema ta ( nu mai tin minte exact calea, nu am un ACP disponibil ca sa te ghitez exact dar sper sa nu gresesc sau sper ca stii sa-ti acceazi propria tema, clar stii :)) )
  • Iar in globalTemplate cauti ( cu CTRL + F ) 
<head>
  • Iar imediat dupa, dai un enter si dai lipesti codul primit prin email de la font-awesome

Sau nu va functiona daca ai facut modificarile aceastea

On 28.08.2016 at 6:03 PM, JuNNNNkie said:

Am luat din  global  codu din tema asta ca nu mi-a iesit altcumva e tema lui narf!!

iJ9x3wq.png

Dar imi apare asa: QYWUjrf.png

Am cautat in css dar e tot bagat in tema lui narf cu copy paste!! si nu am inteles nimic!

PS. Stiu ca postul este foarte lung dar cand incercam sa adaug niste spoilere imi dadea crash pagina din ceva motive, rog un moderator sa adauge el daca crede ca e nevoie :) 

PS2. Noroc ca IPB salveaza in cache daca dau refresh la pagina ca ramaneai fara tutorial, dati seama ca nu stateam sa rescriu atata =)) 

Share this post


Link to post
Share on other sites

Am rezolvat cu iconitele multumita lui fizzle!! jWJeL2D.png

dar eu vreau altceva!! Cand duc mouse-ul pe buton sau cand e activ sa se coloreze doar butonul nu si textul!! Daca se poate!!

Share this post


Link to post
Share on other sites

Textu se coloreaza doar daca setezi stilu color in CSS, daca nu, nu ar trebuii sa se coloreze. Daca se coloreaza e posibil sa vina din alt loc modificarea de culoare, seteaza stilu color la elementu:

#primary_nav li#nav_app_forums:hover

Cu culoarea ce vrei, asta ar trebuii sa-ti rezolve problema.

Share this post


Link to post
Share on other sites
4 hours ago, gadeas said:

Textu se coloreaza doar daca setezi stilu color in CSS, daca nu, nu ar trebuii sa se coloreze. Daca se coloreaza e posibil sa vina din alt loc modificarea de culoare, seteaza stilu color la elementu:


#primary_nav li#nav_app_forums:hover

Cu culoarea ce vrei, asta ar trebuii sa-ti rezolve problema.

M-am exprimat eu gresit!! Vreau iconita sa se coloreze!!! nu si textul!Scz..nu am fost atent ca m-am grabit

Share this post


Link to post
Share on other sites
33 minutes ago, Alexandru C. said:

La codul cu iconita adaugi urmatoarea linie


:hover { color: #...  }

in loc de (...) pui codul html de la culoarea ta.

Aici poti gasi toate codurile culorilor

Iconitele nu au legatura cu css! FIZZLE mi-a dat codul care sa il bag in global incat sa nu fie nevoie sa adaug si in css!! DACA AI NEVOIE DE FORUM!! www.ustrike.ro/forum

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.

×