Colori nei titoli dei post

3 partecipanti

Risolto Colori nei titoli dei post

Messaggio Da myt Ven 16 Lug 2021 - 13:35

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


Ultima modifica di myt il Gio 29 Lug 2021 - 9:42 - modificato 1 volta.
myt
myt
***

Sesso : Altro / Non dichiarato
Età : 64
Messaggi : 199
Località : ancona

https://elvenar.forumattivo.com
myt è stato ringraziato dall'autore di questo topic.

Risolto Re: Colori nei titoli dei post

Messaggio Da Niko Mar 27 Lug 2021 - 18:54

Ciao @myt

puoi indicarci di preciso cosa hai fatto e tu e cosa hai inserito? :bene:

Grazie mille,
A presto Colori nei titoli dei post  3706843607
Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 28
Messaggi : 9573
Località : Provincia di Varese

https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

Risolto Re: Colori nei titoli dei post

Messaggio Da myt Mar 27 Lug 2021 - 21:12

@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.
myt
myt
***

Sesso : Altro / Non dichiarato
Età : 64
Messaggi : 199
Località : ancona

https://elvenar.forumattivo.com
myt è stato ringraziato dall'autore di questo topic.

Risolto Re: Colori nei titoli dei post

Messaggio Da jessy Mer 28 Lug 2021 - 17:00

Prima inseriscilo nello tag script e poi inserisci tutto in overall_header

Codice:
<script type="text/javascript">
    <!--
        // Qui il codice Javascript...
    //-->
</script>

Comunque io l'ho provato e funziona anche nei box java.
jessy
jessy
*****

Sesso : Femmina
Età : 25
Messaggi : 735
Località : Roma

http://ilgiornaledibordo.forumattivo.com
jessy è stato ringraziato dall'autore di questo topic.

Risolto Re: Colori nei titoli dei post

Messaggio Da myt Mer 28 Lug 2021 - 17:38

continua a non chiudersi

Colori nei titoli dei post  Missio10

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>
myt
myt
***

Sesso : Altro / Non dichiarato
Età : 64
Messaggi : 199
Località : ancona

https://elvenar.forumattivo.com
myt è stato ringraziato dall'autore di questo topic.

Risolto Re: Colori nei titoli dei post

Messaggio Da jessy Mer 28 Lug 2021 - 18:12

non si chiude perche' si mangia un pezzo di codice questo
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
jessy
jessy
*****

Sesso : Femmina
Età : 25
Messaggi : 735
Località : Roma

http://ilgiornaledibordo.forumattivo.com
jessy è stato ringraziato dall'autore di questo topic.

Risolto Re: Colori nei titoli dei post

Messaggio Da myt Mer 28 Lug 2021 - 21:17

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">
myt
myt
***

Sesso : Altro / Non dichiarato
Età : 64
Messaggi : 199
Località : ancona

https://elvenar.forumattivo.com
myt è stato ringraziato dall'autore di questo topic.

Risolto Re: Colori nei titoli dei post

Messaggio Da jessy Mer 28 Lug 2021 - 23:40

No qui grazie ...provo e ti dico
jessy
jessy
*****

Sesso : Femmina
Età : 25
Messaggi : 735
Località : Roma

http://ilgiornaledibordo.forumattivo.com
jessy è stato ringraziato dall'autore di questo topic.

Risolto Re: Colori nei titoli dei post

Messaggio Da myt Gio 29 Lug 2021 - 9:42

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. Sad
mi spiace

metto risolto
myt
myt
***

Sesso : Altro / Non dichiarato
Età : 64
Messaggi : 199
Località : ancona

https://elvenar.forumattivo.com
myt è stato ringraziato dall'autore di questo topic.

Risolto Re: Colori nei titoli dei post

Messaggio Da myt Gio 29 Lug 2021 - 15:10

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
myt
myt
***

Sesso : Altro / Non dichiarato
Età : 64
Messaggi : 199
Località : ancona

https://elvenar.forumattivo.com
myt è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto

- Argomenti simili

 
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.