Repozitionarea titlului subiectului

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Repozitionarea titlului subiectului

Mesaj Scris de DeepEvil la data de Dum 16 Aug - 17:05

Buna,
 asi dori sa sa pozitionez titlu unui subiect mai jos undeva la mijoc si sa dispara linia neagra de sub titlu subiectului iar ''Scris de nume autor'' sa ramana acolo unde este.
Tot ce am scris mai sus este evidentiat printru dreptunghi ros din imaginea de mai jos.


(!) - Nu va uitati la cercul ros si litera ''a''



P.S - mai pe sucut sa fie pozitionate ca numarul de ''raspunsuri'' & ''vizualizari''

topics_list_box
Cod:
<!--CSS PERSONALIZAT--!>

<style type="text/css">
.important {
    margin-left: 5px;
    margin-right: 5px;
    background-color: rgb(123, 166, 13);
    color: white;
    border-radius: 3px 3px 3px 3px;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
    font-weight: bold;
    text-transform: uppercase;
    background-image: url("http://i.imgur.com/BnZuWJM.png");
    background-repeat: repeat-x;
    background-position: 0px -1px;
    padding:2px 0px;
}
</style>

<!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
  <!-- BEGIN multi_selection -->
      <script type="text/javascript">
      function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
        var all_checked = true;
        for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
        if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
            all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
        }
        }
        document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
      }
      function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
        for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
        if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
            document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
        }
        }
      }
      </script>
  <!-- END multi_selection -->

  <div class="main-head">
      <!-- BEGIN multi_selection -->
      <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
      <!-- END multi_selection -->
      <h1 class="page-title">{topics_list_box.row.L_TITLE} [{topics_list_box.row.COUNT_TOTAL_TOPICS}]</h1>
  </div>
  <div class="main-content">
  <table cellspacing="0" class="table">
      <thead>
        <tr>
            <th class="tcl">{L_TOPICS}</th>
            <th class="tc2">{topics_list_box.row.L_REPLIES}</th>
            <th class="tc3">{topics_list_box.row.L_VIEWS}</th>
            <th class="tcr">{topics_list_box.row.L_LASTPOST}</th>
        </tr>
      </thead>
      <tbody class="statused">
<!-- END header_table -->

<!-- BEGIN header_row -->
<strong>{topics_list_box.row.L_TITLE}</strong>
<!-- END header_row -->

<!-- BEGIN topic -->
  <!-- BEGIN table_sticky -->
      </tbody>
  </table>
  </div>

  <div class="main-head">
      <!-- BEGIN multi_selection -->
      <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /  >
      <!-- END multi_selection -->
      <h2>{topics_list_box.row.topic.table_sticky.L_TITLE} [{topics_list_box.row.topic.table_sticky.COUNT_TOTAL_TOPICS}]</h2>
  </div>
  <div class="main-content">
  <table cellspacing="0" class="table">
      <thead>
        <tr>
            <th class="tcl">{L_TOPICS}</th>
            <th class="tc2">{topics_list_box.row.topic.table_sticky.L_REPLIES}</th>
            <th class="tc3">{topics_list_box.row.topic.table_sticky.L_VIEWS}</th>
            <th class="tcr">{topics_list_box.row.topic.table_sticky.L_LASTPOST}</th>
        </tr>
      </thead>
      <tbody class="statused">
  <!-- END table_sticky -->
      <tr>
        <td class="tcl tdtopics <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
            <span class="status">
              <img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />
            </span>
            <!-- BEGIN single_selection -->
            <input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
            <!-- END single_selection -->
            <table cellspacing="0" border="0" class="faraborder"><tr><td>{topics_list_box.row.ICON}
              </td>
              <td>
            {topics_list_box.row.NEWEST_POST_IMG}
              </td>
              <td>
            {topics_list_box.row.PARTICIPATE_POST_IMG}
              </td>
              <td>
          <div class="important"><b>{topics_list_box.row.TOPIC_TYPE} </b></div>
              </td><td>
              <h2 class="topic-title"><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></h2> </td></tr></table>
            {topics_list_box.row.GOTO_OPEN} {topics_list_box.row.GOTO_PAGE_NEW} {topics_list_box.row.GOTO_CLOSE}
          <br />  {topics_list_box.row.L_BY} {topics_list_box.row.TOPIC_AUTHOR}
            <!-- BEGIN switch_description -->
            <br />
            {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
            <!-- END switch_description -->
        </td>
        <td class="tc2 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.REPLIES}</td>
        <td class="tc3 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.VIEWS}</td>
        <td class="tcr <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.LAST_POST_TIME} {topics_list_box.row.L_BY} {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</td>
        <!-- BEGIN multi_selection -->
        <td><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
        <!-- END multi_selection -->
      </tr>
<!-- END topic -->
<!-- BEGIN no_topics -->
<tr>
  <td class="tcl" colspan="4"><strong>{topics_list_box.row.L_NO_TOPICS}</strong></td>
</tr>
<!-- END no_topics -->

<!-- BEGIN bottom -->
      </tbody>
  </table>
  </div>
  <div class="main-foot clearfix">
      <!-- BEGIN multi_selection -->
      <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
      <!-- END multi_selection -->
      <p class="h2">{L_TOPICS} [{topics_list_box.row.bottom.COUNT_TOTAL_TOPICS}]</p>
      <p class="options">
        <a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a> {S_WATCH_FORUM} <a href="#top">{L_BACK_TO_TOP}</a>
      </p>
  </div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->

DeepEvil
Membru Forumgratuit

masculin

Mesaje : 270
Varsta : 19
Localizare : Wien
Data de inscriere : 10/02/2013
Multumiri : 24
Niciun avertisment

http://enjoygame.forumo.org/

Sus In jos

Rezolvat Re: Repozitionarea titlului subiectului

Mesaj Scris de Kames la data de Dum 16 Aug - 17:23

Bună ziua,

Adăugați acest cod in CSS:
Cod:
.pun table.table td {
background-image: none!important;
}
h2.topic-title {
    display: block;
    position: absolute;
    margin-top: 4px!important;
    margin-left: -13px;
}

Kames
Membru onorific
Membru onorific

masculin

Mesaje : 1708
Varsta : 16
Localizare : Rădăuti
Data de inscriere : 02/07/2014
Multumiri : 222
Niciun avertisment

http://www.wikifg.net

Sus In jos

Rezolvat Re: Repozitionarea titlului subiectului

Mesaj Scris de DeepEvil la data de Dum 16 Aug - 17:27

Ttitlu sa mutat dar, nu sa mutat si imaginea din fata titlului, iar aqm nr de pagini e peste titlu.
Putem pune ''nr de pagini'' jos dupa ''Scris de Autor''

DeepEvil
Membru Forumgratuit

masculin

Mesaje : 270
Varsta : 19
Localizare : Wien
Data de inscriere : 10/02/2013
Multumiri : 24
Niciun avertisment

http://enjoygame.forumo.org/

Sus In jos

Rezolvat Re: Repozitionarea titlului subiectului

Mesaj Scris de Kames la data de Dum 16 Aug - 17:46

Adăugați in CSS:
Cod:
strong.pagination {
    font-weight: 400;
    position: static;
    display: -webkit-inline-box;
}

Și incercați acest topicslist_box:
Cod:
<!--CSS PERSONALIZAT--!>

<style type="text/css">
.important {
    margin-left: 5px;
    margin-right: 5px;
    background-color: rgb(123, 166, 13);
    color: white;
    border-radius: 3px 3px 3px 3px;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2);
    font-weight: bold;
    text-transform: uppercase;
    background-image: url("http://i.imgur.com/BnZuWJM.png");
    background-repeat: repeat-x;
    background-position: 0px -1px;
    padding:2px 0px;
}
</style>

<!-- BEGIN topics_list_box -->
<!-- BEGIN row -->
<!-- BEGIN header_table -->
  <!-- BEGIN multi_selection -->
      <script type="text/javascript">
      function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
        var all_checked = true;
        for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
        if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
            all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
        }
        }
        document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
      }
      function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
        for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
        if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
            document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
        }
        }
      }
      </script>
  <!-- END multi_selection -->

  <div class="main-head">
      <!-- BEGIN multi_selection -->
      <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
      <!-- END multi_selection -->
      <h1 class="page-title">{topics_list_box.row.L_TITLE} [{topics_list_box.row.COUNT_TOTAL_TOPICS}]</h1>
  </div>
  <div class="main-content">
  <table cellspacing="0" class="table">
      <thead>
        <tr>
            <th class="tcl">{L_TOPICS}</th>
            <th class="tc2">{topics_list_box.row.L_REPLIES}</th>
            <th class="tc3">{topics_list_box.row.L_VIEWS}</th>
            <th class="tcr">{topics_list_box.row.L_LASTPOST}</th>
        </tr>
      </thead>
      <tbody class="statused">
<!-- END header_table -->

<!-- BEGIN header_row -->
<strong>{topics_list_box.row.L_TITLE}</strong>
<!-- END header_row -->

<!-- BEGIN topic -->
  <!-- BEGIN table_sticky -->
      </tbody>
  </table>
  </div>

  <div class="main-head">
      <!-- BEGIN multi_selection -->
      <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /  >
      <!-- END multi_selection -->
      <h2>{topics_list_box.row.topic.table_sticky.L_TITLE} [{topics_list_box.row.topic.table_sticky.COUNT_TOTAL_TOPICS}]</h2>
  </div>
  <div class="main-content">
  <table cellspacing="0" class="table">
      <thead>
        <tr>
            <th class="tcl">{L_TOPICS}</th>
            <th class="tc2">{topics_list_box.row.topic.table_sticky.L_REPLIES}</th>
            <th class="tc3">{topics_list_box.row.topic.table_sticky.L_VIEWS}</th>
            <th class="tcr">{topics_list_box.row.topic.table_sticky.L_LASTPOST}</th>
        </tr>
      </thead>
      <tbody class="statused">
  <!-- END table_sticky -->
      <tr>
        <td class="tcl tdtopics <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">
            <span class="status">
              <img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" />
            </span>
            <!-- BEGIN single_selection -->
            <input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} />
            <!-- END single_selection -->
            <table cellspacing="0" border="0" class="faraborder"><tr><td>{topics_list_box.row.ICON}
              </td>
              <td>
            {topics_list_box.row.NEWEST_POST_IMG}
              </td>
              <td>
            {topics_list_box.row.PARTICIPATE_POST_IMG}
              </td>
              <td>
          <div class="important"><b>{topics_list_box.row.TOPIC_TYPE} </b></div>
              </td><td>
              <h2 class="topic-title"><a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a></h2> </td></tr></table><br />
            {topics_list_box.row.L_BY} {topics_list_box.row.TOPIC_AUTHOR}<br />
         {topics_list_box.row.GOTO_OPEN} {topics_list_box.row.GOTO_PAGE_NEW} {topics_list_box.row.GOTO_CLOSE}
            <!-- BEGIN switch_description -->
            <br />
            {topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
            <!-- END switch_description -->
        </td>
        <td class="tc2 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.REPLIES}</td>
        <td class="tc3 <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.VIEWS}</td>
        <td class="tcr <!-- BEGIN line_sticky --> sticky-separator <!-- END line_sticky -->">{topics_list_box.row.LAST_POST_TIME} {topics_list_box.row.L_BY} {topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</td>
        <!-- BEGIN multi_selection -->
        <td><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
        <!-- END multi_selection -->
      </tr>
<!-- END topic -->
<!-- BEGIN no_topics -->
<tr>
  <td class="tcl" colspan="4"><strong>{topics_list_box.row.L_NO_TOPICS}</strong></td>
</tr>
<!-- END no_topics -->

<!-- BEGIN bottom -->
      </tbody>
  </table>
  </div>
  <div class="main-foot clearfix">
      <!-- BEGIN multi_selection -->
      <input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" />
      <!-- END multi_selection -->
      <p class="h2">{L_TOPICS} [{topics_list_box.row.bottom.COUNT_TOTAL_TOPICS}]</p>
      <p class="options">
        <a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a> {S_WATCH_FORUM} <a href="#top">{L_BACK_TO_TOP}</a>
      </p>
  </div>
<!-- END bottom -->
<!-- BEGIN spacer --><br /><!-- END spacer -->
<!-- END row -->
<!-- END topics_list_box -->

Kames
Membru onorific
Membru onorific

masculin

Mesaje : 1708
Varsta : 16
Localizare : Rădăuti
Data de inscriere : 02/07/2014
Multumiri : 222
Niciun avertisment

http://www.wikifg.net

Sus In jos

Rezolvat Re: Repozitionarea titlului subiectului

Mesaj Scris de DeepEvil la data de Dum 16 Aug - 17:53

E mai bine doar ca imaginea din fata titlului nu se misca a ramas tot acolo sus, la fel si '' ANUNT GLOBAL ''


DeepEvil
Membru Forumgratuit

masculin

Mesaje : 270
Varsta : 19
Localizare : Wien
Data de inscriere : 10/02/2013
Multumiri : 24
Niciun avertisment

http://enjoygame.forumo.org/

Sus In jos

Rezolvat Re: Repozitionarea titlului subiectului

Mesaj Scris de Kames la data de Dum 16 Aug - 18:03

Tot in CSS adăugați:
Cod:
.pun tbody.statused span.status {
    position: absolute;
    margin-top: 11px!important;
}

Puteți modifica 11px cu orice valoare in px.

Totodată, singura rezolvare a subiectelor de tip "anunt", "anunt global" si "fixat", este să eliminati orice cod ce are ca scop personalizarea lor.

Kames
Membru onorific
Membru onorific

masculin

Mesaje : 1708
Varsta : 16
Localizare : Rădăuti
Data de inscriere : 02/07/2014
Multumiri : 222
Niciun avertisment

http://www.wikifg.net

Sus In jos

Rezolvat Re: Repozitionarea titlului subiectului

Mesaj Scris de DeepEvil la data de Dum 16 Aug - 18:08

Acest cod imi modifica si imaginile de la cateforie/forumuri.

DeepEvil
Membru Forumgratuit

masculin

Mesaje : 270
Varsta : 19
Localizare : Wien
Data de inscriere : 10/02/2013
Multumiri : 24
Niciun avertisment

http://enjoygame.forumo.org/

Sus In jos

Rezolvat Re: Repozitionarea titlului subiectului

Mesaj Scris de Kames la data de Dum 16 Aug - 18:14

Incercați acest cod:
Cod:
span.status {
    margin-top: 11px!important;
}
sau acesta:
Cod:
.pun table .tdtopics img {
    margin-top: 11px!important;
}

Kames
Membru onorific
Membru onorific

masculin

Mesaje : 1708
Varsta : 16
Localizare : Rădăuti
Data de inscriere : 02/07/2014
Multumiri : 222
Niciun avertisment

http://www.wikifg.net

Sus In jos

Rezolvat Re: Repozitionarea titlului subiectului

Mesaj Scris de DeepEvil la data de Dum 16 Aug - 18:32

Primul modifica si imginile de la categorie/forum.
Al doilea e bun da totusi nu se pozitioneaza bine, chiar daca modific valoarea, si am taiat codul in doua .

Cod:
.pun table {
    margin-top: 11px!important;
}
Asta e bun duce titlul subiectlui la miljoc.

Cod:
.tdtopics img {
    margin-top: 150px!important;
}
Asta mareste spatiul de sus in jos de la un subiect.


DeepEvil
Membru Forumgratuit

masculin

Mesaje : 270
Varsta : 19
Localizare : Wien
Data de inscriere : 10/02/2013
Multumiri : 24
Niciun avertisment

http://enjoygame.forumo.org/

Sus In jos

Rezolvat Re: Repozitionarea titlului subiectului

Mesaj Scris de DeepEvil la data de Lun 17 Aug - 19:05

UP

DeepEvil
Membru Forumgratuit

masculin

Mesaje : 270
Varsta : 19
Localizare : Wien
Data de inscriere : 10/02/2013
Multumiri : 24
Niciun avertisment

http://enjoygame.forumo.org/

Sus In jos

Rezolvat Re: Repozitionarea titlului subiectului

Mesaj Scris de DeepEvil la data de Joi 20 Aug - 12:27

UP

DeepEvil
Membru Forumgratuit

masculin

Mesaje : 270
Varsta : 19
Localizare : Wien
Data de inscriere : 10/02/2013
Multumiri : 24
Niciun avertisment

http://enjoygame.forumo.org/

Sus In jos

Rezolvat Re: Repozitionarea titlului subiectului

Mesaj Scris de Kames la data de Mier 26 Aug - 14:59

Incercati acest cod:
Cod:
.pun table .tdtopics .status {
    margin-top: 11px!important;
}

Kames
Membru onorific
Membru onorific

masculin

Mesaje : 1708
Varsta : 16
Localizare : Rădăuti
Data de inscriere : 02/07/2014
Multumiri : 222
Niciun avertisment

http://www.wikifg.net

Sus In jos

Rezolvat Re: Repozitionarea titlului subiectului

Mesaj Scris de DeepEvil la data de Mier 26 Aug - 20:28

Multumesc!

DeepEvil
Membru Forumgratuit

masculin

Mesaje : 270
Varsta : 19
Localizare : Wien
Data de inscriere : 10/02/2013
Multumiri : 24
Niciun avertisment

http://enjoygame.forumo.org/

Sus In jos

Rezolvat Re: Repozitionarea titlului subiectului

Mesaj Scris de Zachary la data de Mier 26 Aug - 20:45

topic rezolvat

Zachary
Membru onorific
Membru onorific

masculin

Mesaje : 2001
Varsta : 36
Localizare : România
Data de inscriere : 08/05/2013
Multumiri : 153
Niciun avertisment

http://help.forumgratuit.ro/

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus


Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum