font awesome la meniu

+JuNNNNkie · July 6, 2016

Cum pot pune font awesome la meniul princiapal ----

Dau +1 cui ma ajuta!

brocuofficial · July 6, 2016

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.

+JuNNNNkie · July 6, 2016

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/

brocuofficial · July 7, 2016

aa

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

Cauta

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

si adauga dupa

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

+JuNNNNkie · July 7, 2016

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!!!

brocuofficial · July 8, 2016

19 hours ago, JuNNNNkie said:

nu gasesc acea linie!!!

Este primul

</foreach>

FpkMarius · July 8, 2016

mii de topicuri, aceeasi problema, te doare un search?

+JuNNNNkie · August 7, 2016

UP??

+JuNNNNkie · August 9, 2016

Up??

+JuNNNNkie · August 24, 2016

Cineva?

+Mixlight · August 24, 2016

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

+JuNNNNkie · August 28, 2016

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!!

Dar imi apare asa:

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

+JuNNNNkie · August 30, 2016

UP?

+Mixlight · August 30, 2016

Salut

Quote

ACP - Look Feel - Tema ta - Global Template

CTRL + F

Quote

+JuNNNNkie · August 31, 2016

Mersii!! Dar cum fac daca duc mouse-ul pe un buton din header sa isi schimbe culoarea doar iconita nu si scrisul!! ?

+d@niel · August 31, 2016

Adaugi in css hover la acea iconita .

+JuNNNNkie · September 1, 2016

14 hours ago, d@niel said:

Adaugi in css hover la acea iconita .

Nu e nimic in Css legat de iconita aia!!

+JuNNNNkie · September 2, 2016

Up?

+Portocala · September 2, 2016

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!!

Dar imi apare asa:

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 =))

gadeas · September 2, 2016

Sau daca nu vrei sa-ti bagi mailu in lista lor: https://www.bootstrapcdn.com/fontawesome/

+JuNNNNkie · September 2, 2016

Am rezolvat cu iconitele multumita lui fizzle!!

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!!

gadeas · September 2, 2016

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.

+JuNNNNkie · September 2, 2016

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

Alexandru C. · September 2, 2016

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

+JuNNNNkie · September 2, 2016

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

Sign In

font awesome la meniu

Recommended Posts

+JuNNNNkie

brocuofficial

+JuNNNNkie

brocuofficial

+JuNNNNkie

brocuofficial

FpkMarius

+JuNNNNkie

+JuNNNNkie

+JuNNNNkie

+Mixlight

+JuNNNNkie

+JuNNNNkie

+Mixlight

+JuNNNNkie

+d@niel

+JuNNNNkie

+JuNNNNkie

+Portocala

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

gadeas

+JuNNNNkie

gadeas

+JuNNNNkie

Alexandru C.

+JuNNNNkie

Please sign in to comment

Recently Browsing 0 members

Activity

Browse

Important Information