Colori nei titoli dei post
3 partecipanti
Forum dei Forum: Aiuto per Forumattivo :: Assistenza a problemi e richieste :: Gestire l'aspetto del forum :: I problemi risolti con l'aspetto del forum
Pagina 1 di 1 • Condividi
Colori nei titoli dei post
Ho seguito [url=https://aiuto.forumattivo.it/t18026-modifica-colori-per-i-titoli-degli-argomenti?highlight=argomenti colori]questa guida[/url] ma non funzionava,
così ho seguito questo post
fino a quando il suggerimento era di mettere visualizzazione semplice dei colori nell'editor e inserire tutto lo script, racchiuso tra i tag
così ho seguito questo post
fino a quando il suggerimento era di mettere visualizzazione semplice dei colori nell'editor e inserire tutto lo script, racchiuso tra i tag
Ultima modifica di myt il Gio 29 Lug 2021 - 9:42 - modificato 1 volta.
Re: Colori nei titoli dei post
@niko, come ho detto ho seguito alla lettera (senza personalismi di sorta) la guida principale scritta da te, solo per l'aggiunta dei colori, e non quella per toglierli. Quindi ho inserito il js come indicato, ho messo "sì" alla visualizzazione dei titoli colorati ma non funzionava, così cercando ho trovato l'altro topic, dove, sempre tu, consigliavi di mettere in alternativa il js direttamente dentro overall_header subito prima del tag /head. Il punto è che non me lo fa mettere, al momento si salvare non mi salva la pagina e mi marca il tag head di chiusura in rosso.
Non ho molti js, direi che non ne ho nessuno per la verità, quindi escluderei anche questa ipotesi.
Non ho molti js, direi che non ne ho nessuno per la verità, quindi escluderei anche questa ipotesi.
Re: Colori nei titoli dei post
Prima inseriscilo nello tag script e poi inserisci tutto in overall_header
Comunque io l'ho provato e funziona anche nei box java.
- Codice:
<script type="text/javascript">
<!--
// Qui il codice Javascript...
//-->
</script>
Comunque io l'ho provato e funziona anche nei box java.
Re: Colori nei titoli dei post
continua a non chiudersi
Questo il codice come lo inserisco:
Questo il codice come lo inserisco:
- Codice:
<script type="text/javascript">
$(function() {
if (!document.post || !document.post.topic_color) return;
var colors = {
'Crimson' : '#DC143C',
'Tomato' : '#FF6347',
'Orange Red' : '#FF4500',
'Pink' : '#FFC0CB',
'Magenta' : '#FF00FF',
'Violet' : '#EE82EE',
'Sky' : '#87CEEB',
'Light Sky' : '#87CEFA',
'Slate Blue' : '#6A5ACD',
'Steel Blue' : '#4682B4',
'Teal' : '#008080',
'Lime' : '#00FF00',
'Dark Green' : '#006600',
'Light Green' : '#90EE90',
'Yellow Green' : '#9ACD32'
},
a, b = document.post.topic_color, c = b.childNodes, i = 0, j = c.length, k;
for (k in colors) {
a = document.createElement('OPTION');
a.innerHTML = k;
a.style.color = colors[k];
a.value = colors[k];
b.insertBefore(a, b.firstChild);
};
for (; i<j; i++) if (c[i].style.color == document.post.subject.style.color) c[i].selected = 1;
});
</script>
Re: Colori nei titoli dei post
non si chiude perche' si mangia un pezzo di codice questo
mi mandi il tuo overall_header cosi ricreo il problema ..tanto anche io ho invision
- Codice:
document.post.subject.style.color) c[i].selected = 1;
mi mandi il tuo overall_header cosi ricreo il problema ..tanto anche io ho invision
Re: Colori nei titoli dei post
te lo metto qui o te lo devo mandare come file allegato in mp?
- Codice:
<!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}" lang="{L_LANG_HTML}"
xml:lang="{L_LANG_HTML}" {NAMESPACE_FB} {NAMESPACE_FB_LIKE} {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"/>
<!-- 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>
<!-- BEGIN switch_recent_jquery -->
<script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
<script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
<script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>
<!-- END switch_recent_jquery -->
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
{RICH_SNIPPET_GOOGLE}
<!-- BEGIN switch_fb_login -->
<script src="https://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="{JQUERY_DIR}ticker/ticker.css"/>
<script src="{JQUERY_DIR}ticker/ticker.js" type="text/javascript"></script>
<!-- END switch_ticker -->
<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 = false,
logInBackgroundClass = 'box-content';
<!-- 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}
<script src="{JS_DIR}invision.js" type="text/javascript"></script>
<!-- BEGIN switch_ticker_new -->
<script src="{JQUERY_DIR}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>
<style>
.jcarousel-skin-tango .jcarousel-item {
text-align: center;
width: 50px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-right: {switch_ticker.SPACING}px;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom: {switch_ticker.SPACING}px;
}
</style>
<!-- END switch_ticker_new -->
{HOSTING_JS}
<!-- BEGIN google_analytics_code -->
<script async src="https://www.googletagmanager.com/gtag/js?id={G_ANALYTICS_ID}"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', '{G_ANALYTICS_ID}', {'anonymize_ip': true, 'store_gac': false, 'cookie_expires': 13 * 30 * 24 * 60 * 60});
<!-- BEGIN google_analytics_code_bis -->
gtag('config', '{G_ANALYTICS_ID_BIS}', {'anonymize_ip': true, 'store_gac': false, 'cookie_expires': 13 * 30 * 24 * 60 * 60});
<!-- END google_analytics_code_bis -->
</script>
<!-- END google_analytics_code -->
</head>
<body>
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
<h1><img src="https://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="https://{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="module borderwrap" style="z-index: 10000 !important;">
<div id="login_popup_content">
<div id="login_popup_background">
<div id="login_popup_title" class="maintitle"><h3>{SITENAME}</h3></div>
<div class="box-content">
{LOGIN_POPUP_MSG}
<!-- BEGIN switch_quick_login -->
<br/>
<br/>
<div class="maintitle">{switch_login_popup.switch_quick_login.L_QUICK_CONNECT}</div>
<div>
<div class="mt10">
<div class="social_btn">
<!-- BEGIN fb_quick_connect -->
<div class="fb-login-button"></div>
<!-- END fb_quick_connect -->
<!-- BEGIN topicit_quick_connect -->
<div class="ti-connect"></div>
<!-- END topicit_quick_connect -->
</div>
</div>
</div>
<br/>
<!-- END switch_quick_login -->
<div id="login_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get" target="_parent">
<input type="submit" class="button" value="{L_LOGIN}"/>
<input type="button" class="button" value="{L_REGISTER}"
onclick="parent.location='{U_REGISTER}';"/>
<input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}"/>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- END switch_login_popup -->
<!-- BEGIN inactive_users_modal -->
<div id="inactive_popup" class="module borderwrap" style="z-index: 10000 !important;">
<div id="inactive_popup_content">
<div id="inactive_popup_background" style="padding: 0px; width: 480px;">
<div id="inactive_popup_title" class="maintitle"><h3>{inactive_users_modal.L_MODAL_TITLE}</div>
<div class="box-content">
{inactive_users_modal.L_MODAL_BODY}
<div id="inactive_popup_buttons">
<input type="button" id="inactive_popup_url" class="button" value="{inactive_users_modal.L_MODAL_BUTTON}">
<input type="button" id="inactive_popup_close" class="button" value="{inactive_users_modal.L_CLOSE}">
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$('#inactive_popup #inactive_popup_close').on('mouseup', function () {
document.cookie = "modal_require_activation_closed=1; max-age=86400*15; path=/;";
$('#inactive_popup').hide(50);
});
$('#inactive_popup #inactive_popup_url').on('mouseup', function () {
document.cookie = "modal_require_activation_closed=1; max-age=86400*15; path=/;";
location.href = '{inactive_users_modal.U_MODAL}'
})
</script>
<!-- END inactive_users_modal -->
<!-- BEGIN switch_like_popup -->
<div id="like_popup" class="module borderwrap" style="z-index: 10000 !important;">
<div id="like_popup_content">
<div id="like_popup_background">
<div id="like_popup_title" class="maintitle"><h3>{SITENAME}</h3></div>
<div class="box-content">
{LIKE_POPUP_MSG}
<div id="like_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get" target="_parent">
<input type="submit" class="button" value="{L_LOGIN}"/>
<input type="button" class="button" value="{L_REGISTER}"
onclick="parent.location='{U_REGISTER}';"/>
<input id="like_popup_close" type="button" class="button" value="{L_LIKE_CLOSE}"/>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- END switch_like_popup -->
<div class="minwidth_IE">
<div class="layout_IE">
<div class="container_IE">
<div id="ipbwrapper">
<a id="top" name="top" accesskey="t"></a>
<div id="logostrip" class="clearfix">
<a href="{U_INDEX}" id="logo" title="{L_INDEX}"><img loading="lazy" src="{LOGO}" alt="{L_INDEX}"/></a>
<!-- BEGIN switch_h1 -->
<div id="main-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="submenu">
<ul>
<li class="clearfix">{GENERATED_NAV_BAR}</li>
</ul>
</div>
<!-- BEGIN switch_user_logged_in -->
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="userlinks" class="not-connected clearfix">
<span class="guest">{L_NOT_CONNECTED}</span> <span>{L_LOGIN_REGISTER}</span>
</div>
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_ticker_new -->
<div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
<div class="module borderwrap">
<div class="box-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;margin-bottom:4px;">
<div class="module borderwrap">
<div class="box-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}">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index1 -->
</div>
<div id="main">
<div id="main-content">
Re: Colori nei titoli dei post
allora, vi do due notizie, una buona e una cattiva.
Il js dei colori nei titoli funziona, senza bisogno di metterlo in overall header ma solo come js
e questa è la notizia buona
la notizia cattiva è che io non avevo attivato la gestione dei codici JS, non avendo alcun js inserito...
mettevo il codice, dicevo su tutte le pagine e salvavo, ma in cima c'era sempre quelal dicitura se volevo attivare la gesione dei js, e di default era spuntata su no.
mi spiace
metto risolto
Il js dei colori nei titoli funziona, senza bisogno di metterlo in overall header ma solo come js
e questa è la notizia buona
la notizia cattiva è che io non avevo attivato la gestione dei codici JS, non avendo alcun js inserito...
mettevo il codice, dicevo su tutte le pagine e salvavo, ma in cima c'era sempre quelal dicitura se volevo attivare la gesione dei js, e di default era spuntata su no.
mi spiace
metto risolto
Re: Colori nei titoli dei post
un'ultima cosa
per caso il js non contempla l'hover? Perché i titoli sono fissi, senza appunto un hover quando si passa sopra il puntatore
per caso il js non contempla l'hover? Perché i titoli sono fissi, senza appunto un hover quando si passa sopra il puntatore
Argomenti simili
» Sfondo profili nei titoli dei post
» Modifica titoli post inviati dagli utenti
» Dimensione Font dei post e dei titoli argomenti - Smiles
» Come assegnare i colori alle scritte/titoli delle categorie (o forum)?
» (Colori) La tavolozza dei colori cambia a seconda dell'utente?
» Modifica titoli post inviati dagli utenti
» Dimensione Font dei post e dei titoli argomenti - Smiles
» Come assegnare i colori alle scritte/titoli delle categorie (o forum)?
» (Colori) La tavolozza dei colori cambia a seconda dell'utente?
Forum dei Forum: Aiuto per Forumattivo :: Assistenza a problemi e richieste :: Gestire l'aspetto del forum :: I problemi risolti con l'aspetto del forum
Pagina 1 di 1
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.