Widget-uri cu fundal.

Buna seara FG.
Doresc sa adaug fundal Widget-urilor
La mine e asa: https://2img.net/h/s22.postimg.cc/rhxw2bos1/image.png
Si doresc sa fac asa: https://2img.net/h/s22.postimg.cc/wfbgnfqr5/image.png
Sper ca se poate.

Bună,

Să înțeleg că doriți să adăugați acele linii între subiecte? Pe ce versiune?

Buna @Cosmin
Da doresc sa adaug linia aia dintre subiecte dar doresc sa aibe si fundalul acesta https://i.servimg.com/u/f59/18/35/51/08/row_gr12.png
Folosesc PunBB

PA > Afisare > Template-uri : Portal > mod_recent_topics
Înlocuiți template-ul cu:

Cod:

<!-- BEGIN scrolling_row -->
<div class="module main">
   <div class="main-head"><div class="h3">{L_RECENT_TOPICS}</div></div>
   <div class="main-content" id="comments_scroll_div">
      <!-- BEGIN recent_topic_row -->
      ť&nbsp;<a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TOPIC_TITLE}</a><br />
      <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY} &nbsp;
      <!-- BEGIN switch_poster -->
      <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />
      <!-- END switch_poster -->

      <!-- BEGIN switch_poster_guest -->
      {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
      <!-- END switch_poster_guest -->

      <!--
      <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.U_POSTER}">{scrolling_row.recent_topic_row.S_POSTER}</a><br /><br />
      -->
      <!-- END recent_topic_row -->
   </div>
</div>

<script type="text/javascript">
//<![CDATA[
$(function(){
   div_marquee('comments_scroll_div', 'comments_scroll_container', '{SCROLL_WAY}', '{SCROLL_STEP}', '{SCROLL_DELAY}', '{SCROLL_HEIGHT}');
});
//]]>
</script>
<!-- END scrolling_row -->

<!-- BEGIN classical_row -->
<div class="module main">
   <div class="main-head"><h3>{L_RECENT_TOPICS}</h3></div>
   <div class="main-content lastposts">
      <!-- BEGIN recent_topic_row -->
          <div class="subj_new">
      ť <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a><br />&nbsp;

      <!-- BEGIN switch_poster -->
      <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>&nbsp;-
      <!-- END switch_poster -->

      <!-- BEGIN switch_poster_guest -->
              <span class="s_poster">{classical_row.recent_topic_row.switch_poster_guest.S_POSTER}</span>
      <!-- END switch_poster_guest -->

             <span class="s_posttime">{ON} {classical_row.recent_topic_row.S_POSTTIME}</span><br /><br />

      <!--
      <a href="{classical_row.recent_topic_row.U_POSTER}">{classical_row.recent_topic_row.S_POSTER}</a> {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />
      -->
          </div>
      <!-- END recent_topic_row -->
   </div>
</div>
<!-- END classical_row -->

Apoi adăugați în CSS:

Cod:

.lastposts {
  padding: 0 !important;
}
.subj_new {
  background-color: #1B1B1B;
  background-image: url(IMAGINE FUNDAL);
  padding: 2px .4em 2px .4em;
  border-bottom: 1px solid #141414;
  border-top: 1px solid #242424;
}
.s_posttime {
  font-size:.8em;
}

Înlocuiți IMAGINE FUNDAL cu link-ul către imaginea dorită pe fundal. Mie nu-mi funcționa imaginea dată mai sus, nu știu de ce.

Mersi @Cosmin

Dar am o mica problema cum pot sa scot culoarea aia: https://2img.net/h/s2.postimg.cc/5zvq7p22h/image.png
Uitate foarte atent la nume si la data, are o culoare a lui.
Mai bine te uiti pe forum, se vede mai bine

E din cauza imaginii de background, e comprimată cam tare și a cam pierdut din claritate și uniformitate. Dacă te uiți atent și la categorii, e la fel. Încearcă să folosești o altă imagine mai clară.

Este posibil totodată ca acele culori să fie mult prea apropiate ca sceptru, iar browserul / monitorul / calculatorul nu suportă prea multe culori, și nu știe cu ce poate completa acel gradient, și îl poți vedea în fâșii de culori distincte, nu o tranziție uniformă.

Am folosit alt browser si merge, e ok .
Mersi @Cosmin
Puteti da T/C