icon meniu
Forum gratuit: forum de suport al utilizatorilor :: Forum de suport :: Alte probleme :: Arhiva probleme diverse
Pagina 1 din 1 • Distribuiţi
icon meniu
aș vrea și eu acel script cu fontawesome pentru meniu.(cum este la voi), (versiune:phpbb)
Ultima editare efectuata de catre mihai in Vin Apr 28, 2017 10:59 pm, editata de 2 ori
Re: icon meniu
Petronel™ a scris:Poftim : https://help.forumgratuit.ro/t52287-cum-se-instaleaza-si-se-utilizeaza-font-awesome
alo, gândești? eu am zis că vreau de la meniu din forumgratuit, nu de la subiecte.
Re: icon meniu
- Cod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- BEGIN switch_compat_meta -->
<meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
<!-- END switch_compat_meta -->
<!-- BEGIN switch_canonical_url -->
<link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
<!-- END switch_canonical_url -->
{META_FAVICO}
{META}
{META_FB_LIKE}
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
{T_HEAD_STYLESHEET}
{CSS}
<link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
<link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
<script src="{JQUERY_PATH}" type="text/javascript"></script>
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
<!-- BEGIN switch_fb_login -->
<script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
<script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
<!-- END switch_fb_login -->
<!-- BEGIN switch_ticker -->
<link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
<script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
<!-- END switch_ticker -->
<!-- BEGIN switch_ticker_new -->
<script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
/* Definir le sens de direction en fonction du panneau admin */
var tickerDirParam = "{switch_ticker.DIRECTION}";
var slid_vert = false;
var auto_dir = 'next';
var h_perso = parseInt({switch_ticker.HEIGHT});
switch( tickerDirParam )
{
case 'top' :
slid_vert = true;
break;
case 'left':
break;
case 'bottom':
slid_vert = true;
auto_dir = 'prev';
break;
case 'right':
auto_dir = 'prev';
break;
default:
slid_vert = true;
}
$(document).ready(function() {
$('#fa_ticker_content').css('display','block');
var width_max = $('ul#fa_ticker_content').width();
var width_item = Math.floor(width_max / {switch_ticker.SIZE});
if (width_max > 0)
{
$('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
if ($(this).width() > width_item)
{
var ratio = $(this).width() / width_item;
var new_height = Math.round($(this).height() / ratio);
$(this).height(new_height).width(width_item);
}
});
if (slid_vert)
{
var height_max = h_perso;
$('ul#fa_ticker_content li').each( function () {
if ($(this).height() > height_max)
{
height_max = $(this).height();
}
} );
$('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
$('ul#fa_ticker_content li').height(height_max);
}
$('#fa_ticker_content').jcarousel({
vertical: slid_vert,
wrap: 'circular',
auto: {switch_ticker.STOP_TIME},
auto_direction: auto_dir,
scroll: 1,
size: {switch_ticker.SIZE},
height_max: height_max,
animation: {switch_ticker.SPEED}
});
}
else
{
$('ul#fa_ticker_content li:not(:first)').css('display','none');
$('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
}
});
//]]>
</script>
<!-- END switch_ticker_new -->
<script type="text/javascript">//<![CDATA[
$(document).ready(function(){
<!-- BEGIN switch_enable_pm_popup -->
pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
if(pm != null) { pm.focus(); }
<!-- END switch_enable_pm_popup -->
<!-- BEGIN switch_report_popup -->
report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
if(report != null) { report.focus(); }
<!-- END switch_report_popup -->
<!-- BEGIN switch_ticker -->
$(document).ready(function() {
Ticker.start({
height : {switch_ticker.HEIGHT},
spacing : {switch_ticker.SPACING},
speed : {switch_ticker.SPEED},
direction : '{switch_ticker.DIRECTION}',
pause : {switch_ticker.STOP_TIME}
});
});
<!-- END switch_ticker -->
});
<!-- BEGIN switch_login_popup -->
var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
<!-- END switch_login_popup -->
<!-- BEGIN switch_login_popup -->
$(document).ready( function() {
$(window).resize(function() {
var windowWidth = document.documentElement.clientWidth;
var popupWidth = $("#login_popup").width();
var mypopup = $("#login_popup");
$("#login_popup").css({
"left": windowWidth/2 - popupWidth/2
});
});
});
<!-- END switch_login_popup -->
//]]>
</script>
{GREETING_POPUP}
{HOSTING_JS}
<!-- BEGIN google_analytics_code -->
<script type="text/javascript">
//<![CDATA[
var _gaq = _gaq || [];
_gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
_gaq.push(["_trackPageview"]);
_gaq.push(['_trackPageLoadTime']);
<!-- BEGIN google_analytics_code_bis -->
_gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
_gaq.push(['b._trackPageview']);
<!-- END google_analytics_code_bis -->
(function() {
var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
})();
//]]>
</script>
<!-- END google_analytics_code -->
</head>
<body id="fa_edge" class="color-tertiary">
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
<h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
<div class="content">
<p>
{hitskin_preview.L_THEME_SITE_PREVIEW}
<br />
<span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
</p>
</div>
</div>
<!-- END hitskin_preview -->
<!-- BEGIN switch_login_popup -->
<div id="login_popup" class="content-block" style="z-index: 10000 !important;">
<div class="title">{SITENAME}</div>
<div class="txt-content">{LOGIN_POPUP_MSG}</div>
<div id="login_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get">
<input type="submit" class="button1" value="{L_LOGIN}" />
<input type="button" class="button1" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
<input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
</form>
</div>
</div>
<!-- END switch_login_popup -->
<a id="top" name="top" accesskey="t"></a>
{JAVASCRIPT}
<div id="page-header" class="color-primary">
<div id="logo-desc">
<a href="{U_INDEX}" id="logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>
<!-- BEGIN switch_h1 -->
<div id="site-title">{switch_h1.MAIN_SITENAME}</div>
<!-- END switch_h1 -->
<!-- BEGIN switch_desc -->
<p id="site-desc">{switch_desc.SITE_DESCRIPTION}</p>
<!-- END switch_desc -->
</div>
<div id="navbar" class="color-secondary">
<ul class="linklist navlinks{NAVBAR_BORDERLESS}">
<li>{GENERATED_NAV_BAR}</li>
<script type="text/javascript">if (window.fa_navactif) fa_navactif();</script>
</ul>
<div class="clear"></div>
</div>
</div>
<div id="page-body">
<!-- BEGIN switch_search_box -->
<div id="main-search" class="search-box">
<form method="get" action="{ACTION_SEARCH}" class="search-form" id="search">
<input type="text" name="search_keywords" id="keywords" maxlength="128" class="search-keywords" value="{L_SEARCH}..." onclick="if (this.value == '{L_SEARCH}...') this.value = '';" onblur="if (this.value == '') this.value = '{L_SEARCH}...';" />
{JS_SESSION_ID_INPUT}
<input class="fa search-button" type="submit" value="" />
</form>
</div>
<!-- END switch_search_box -->
<div class="clear"></div>
<!-- BEGIN switch_ticker_new -->
<style type="text/css">.jcarousel-skin-tango .jcarousel-item-horizontal{margin-right:{switch_ticker.SPACING}px;}.jcarousel-skin-tango .jcarousel-item-vertical{margin-bottom:{switch_ticker.SPACING}px;}.jcarousel-skin-tango .jcarousel-item{text-align:center;width:10px;}</style>
<div id="fa_ticker_blockD" style="margin-top:4px;">
<div class="content-block">
<div id="fa_ticker_title" class="title">Announcements</div>
<div class="txt-content">
<div id="fa_ticker_container">
<ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none">
<!-- BEGIN ticker_row -->
<li>{switch_ticker.ticker_row.ELEMENT}</li>
<!-- END ticker_row -->
</ul>
</div>
</div>
</div>
</div>
<!-- END switch_ticker_new -->
<!-- BEGIN switch_ticker -->
<div id="fa_ticker_block" style="margin-top:4px;">
<div class="content-block">
<div id="fa_ticker_title" class="title">AnunČuri</div>
<div class="txt-content">
<div id="fa_ticker_container">
<div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
<div class="fa_ticker_content">
<!-- BEGIN ticker_row -->
<div>{switch_ticker.ticker_row.ELEMENT}</div>
<!-- END ticker_row -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END switch_ticker -->
<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<div id="outer-wrapper">
<div id="wrapper">
<div id="container">
<div id="content">
<div id="{ID_LEFT}" class="module_column column_left color-secondary">
<div class="module_inner">
<script type="text/javascript">if (window.fa_initForumModules) { fa_initForumModules('left'); }</script>
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- END giefmod_index1 -->
</div>
</div>
<div id="main">
<div id="main-content">
<link href='https://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
Forumul Forumurilor Regulile Forumgratuit | Tutoriale | FAQ | Recuperarea parolei pentru forum și unelte |
*** Forumul de suport nu vă va solicita niciodată adresa de e-mail sau parola, așa că vă rugăm să nu le postați nicăieri! ***
Nu ofer suport prin PM!
Re: icon meniu
Panou > Afisare > Imagini si culori > Culori > Foaie de stil css
Lista cu iconurile: http://astronautweb.co/snippet/font-awesome/
- Cod:
ul.navlinks li a[href="/faq"]:before {
content: "\f004"; /* Inima */
color: #fff; /* Alb */
}
Lista cu iconurile: http://astronautweb.co/snippet/font-awesome/
Re: icon meniu
mihaisupport a scris:Petronel™ a scris:Poftim : https://help.forumgratuit.ro/t52287-cum-se-instaleaza-si-se-utilizeaza-font-awesome
alo, gândești? eu am zis că vreau de la meniu din forumgratuit, nu de la subiecte.
) Gandesc pentru ca ai un javascript acolo pentru ce ai cerut tu ma ~sters, gandeste de doua ori inainte sa zici ceva tu nici nu te-ai uitat la tutorial, tu modifici cu orice iconita si asta se realizeaza din overall header ... Si in aldoilea rand eu ti-am dat un tutorial , iar iconitele le iei de aici : http://fontawesome.io/icons/
Ultima editare efectuata de catre Apollo in Dum Apr 16, 2017 8:49 pm, editata de 1 ori (Motiv : Limbaj vulgar.)
Re: icon meniu
Limbajul...
=======
==phpBB2==
===========
In overall_header adauga acest cod awesome ==phpBB2==
===========
- Cod:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />
- Cod:
.bodyline table tbody tr td a:before {
padding-right: 5px;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* Iconuri Awesome */
.bodyline table tbody tr td a[href^="/portal"]:before, .bodyline table tbody tr td a[href="/"]:before {
content: "\f024"; /* cod awesome*/
color: #fff; /* culoare */
}
.bodyline table tbody tr td a[href^="/faq"]:before {
content: "\f129"; /* cod awesome*/
color: #fff; /* culoare */
}
.bodyline table tbody tr td a[href^="/search"]:before {
content: "\f002"; /* cod awesome*/
color: #fff; /* culoare */
}
.bodyline table tbody tr td a[href^="/memberlist"]:before {
content: "\f007"; /* cod awesome*/
color: #fff; /* culoare */
}
.bodyline table tbody tr td a[href^="/groups"]:before {
content: "\f0c0"; /* cod awesome*/
color: #fff; /* culoare */
}
.bodyline table tbody tr td a[href^="/profile"]:before {
content: "\f013"; /* cod awesome*/
color: #fff; /* culoare */
}
.bodyline table tbody tr td a[href^="/privmsg"]:before {
content: "\f003"; /* cod awesome*/
color: #fff; /* culoare */
}
.bodyline table tbody tr td a[href^="/login?logout"]:before {
content: "\f08b"; /* cod awesome*/
color: #fff; /* culoare */
}
=======
==phpBB3==
===========
In overall_header adauga acest cod awesome ==phpBB3==
===========
- Cod:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />
- Cod:
.navbar li a:before {
padding-right: 5px;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* Iconuri Awesome */
.navbar li a[href^="/portal"]:before, .navbar li a[href="/"]:before {
content: "\f024"; /* cod awesome*/
color: #fff; /* culoare */
}
.navbar li a[href^="/faq"]:before {
content: "\f129"; /* cod awesome*/
color: #fff; /* culoare */
}
.navbar li a[href^="/search"]:before {
content: "\f002"; /* cod awesome*/
color: #fff; /* culoare */
}
.navbar li a[href^="/memberlist"]:before {
content: "\f007"; /* cod awesome*/
color: #fff; /* culoare */
}
.navbar li a[href^="/groups"]:before {
content: "\f0c0"; /* cod awesome*/
color: #fff; /* culoare */
}
.navbar li a[href^="/profile"]:before {
content: "\f013"; /* cod awesome*/
color: #fff; /* culoare */
}
.navbar li a[href^="/privmsg"]:before {
content: "\f003"; /* cod awesome*/
color: #fff; /* culoare */
}
.navbar li a[href^="/login?logout"]:before {
content: "\f08b"; /* cod awesome*/
color: #fff; /* culoare */
}
=======
==punBB==
===========
In overall_header adauga acest cod awesome ==punBB==
===========
- Cod:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />
- Cod:
#pun-head #pun-navlinks ul li a:before {
padding-right: 5px;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* Iconuri Awesome */
#pun-head #pun-navlinks ul li a[href^="/portal"]:before, #pun-head #pun-navlinks ul li a[href="/"]:before {
content: "\f024"; /* cod awesome*/
color: #fff; /* culoare */
}
#pun-head #pun-navlinks ul li a[href^="/faq"]:before {
content: "\f129"; /* cod awesome*/
color: #fff; /* culoare */
}
#pun-head #pun-navlinks ul li a[href^="/search"]:before {
content: "\f002"; /* cod awesome*/
color: #fff; /* culoare */
}
#pun-head #pun-navlinks ul li a[href^="/memberlist"]:before {
content: "\f007"; /* cod awesome*/
color: #fff; /* culoare */
}
#pun-head #pun-navlinks ul li a[href^="/groups"]:before {
content: "\f0c0"; /* cod awesome*/
color: #fff; /* culoare */
}
#pun-head #pun-navlinks ul li a[href^="/profile"]:before {
content: "\f013"; /* cod awesome*/
color: #fff; /* culoare */
}
#pun-head #pun-navlinks ul li a[href^="/privmsg"]:before {
content: "\f003"; /* cod awesome*/
color: #fff; /* culoare */
}
#pun-head #pun-navlinks ul li a[href^="/login?logout"]:before {
content: "\f08b"; /* cod awesome*/
color: #fff; /* culoare */
}
=======
==Invision==
===========
In overall_header adauga acest cod awesome ==Invision==
===========
- Cod:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />
- Cod:
#submenu ul li a:before {
padding-right: 5px;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* Iconuri Awesome */
#submenu ul li a[href^="/portal"]:before, #submenu ul li a[href="/"]:before {
content: "\f024"; /* cod awesome*/
color: #fff; /* culoare */
}
#submenu ul li a[href^="/faq"]:before {
content: "\f129"; /* cod awesome*/
color: #fff; /* culoare */
}
#submenu ul li a[href^="/search"]:before {
content: "\f002"; /* cod awesome*/
color: #fff; /* culoare */
}
#submenu ul li a[href^="/memberlist"]:before {
content: "\f007"; /* cod awesome*/
color: #fff; /* culoare */
}
#submenu ul li a[href^="/groups"]:before {
content: "\f0c0"; /* cod awesome*/
color: #fff; /* culoare */
}
#submenu ul li a[href^="/profile"]:before {
content: "\f013"; /* cod awesome*/
color: #fff; /* culoare */
}
#submenu ul li a[href^="/privmsg"]:before {
content: "\f003"; /* cod awesome*/
color: #fff; /* culoare */
}
#submenu ul li a[href^="/login?logout"]:before {
content: "\f08b"; /* cod awesome*/
color: #fff; /* culoare */
}
Re: icon meniu
@"Petronelâ˘" - Va rog sa nu mai jicniti alti membri, daca aveti o problema personala cu un membru va rog sa folositi mesageria privata. Jicnirile nu sunt admise, daca aveti ceva personal cu un membru va rog folositi mesageria privata.
Multumesc de intelegere.
Multumesc de intelegere.
Re: icon meniu
Forumul Forumurilor Regulile Forumgratuit | Tutoriale | FAQ | Recuperarea parolei pentru forum și unelte |
*** Forumul de suport nu vă va solicita niciodată adresa de e-mail sau parola, așa că vă rugăm să nu le postați nicăieri! ***
Nu ofer suport prin PM!
Subiecte similare
» Ascundere icon-uri subiecte si icon-uri forum de jos
» Cerere Icon forum & Icon subiecte
» Cum scad distanta dintre logo cu bara de meniu, si bara de meniu cu inceputul forumului ?
» Fav-Icon
» Icon la Subforum!
» Cerere Icon forum & Icon subiecte
» Cum scad distanta dintre logo cu bara de meniu, si bara de meniu cu inceputul forumului ?
» Fav-Icon
» Icon la Subforum!
Forum gratuit: forum de suport al utilizatorilor :: Forum de suport :: Alte probleme :: Arhiva probleme diverse
Pagina 1 din 1
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum