Bravo List - View Single Post

BamBam0077 · #1 4th October 2018, 12:05

Code:

$adminbutton = '';   
    
    if (get_user_class() >= UC_ADMINISTRATOR)
          $adminbutton = "&nbsp;<span  style='float:right;'><a href='admin.php?action=news'><img title='Add News' width='20' height='20' src='pic/plus.png'/></a></span>\n";
          
    echo "
    <div style='margin-top:  -20px;margin-left: -25px;padding: 1em;max-width: 900px;' class='mCol'>
    <div class='myBlock'><div style='margin-top:  5px;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255,  255, 255, 0.2);'>
    <div class='myBlock-cap'><span  style='margin-left: -815px;font-weight:bold;font-size:12pt;'>News</span>{$adminbutton}</div></div>
    <div style='padding: 5px;margin-top: -3px;margin-left: 0px;max-width:  900px;box-shadow: inset 0 1px 0 rgba(255, 255, 255,  0.2);'></div>
    <br />";
      
    $res = sql_query("SELECT * FROM news WHERE added + ( 3600 *24 *45 ) >
                    ".time()." ORDER BY added DESC LIMIT 10") or sqlerr(__FILE__, __LINE__);
                    
    if (mysqli_num_rows($res) > 0)
    {
      require_once "include/bbcode_functions.php";

      $button = "";
      
      while($array = mysqli_fetch_assoc($res))
      {
        if (get_user_class() >= UC_ADMINISTRATOR)
        {
          $button = "<div style='float:right;'><a  href='admin.php?action=news&amp;mode=edit&amp;newsid={$array['id']}'><img  style='margin-top: -5px;' width='20' height='20' src='pic/edit.png'  title='Edit'/></a>&nbsp;<a  href='admin.php?action=news&amp;mode=delete&amp;newsid={$array['id']}'><img  style='margin-top: -5px;' width='20' height='20' src='pic/trash.png' title='Delete'/></a></div>"; 
        }
        
       echo "<div style='margin-top: -13px;margin-left:  0px;max-width: 900px;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.9), inset 0 1px  0 rgba(255, 255, 255, 0.2);'>
                     <div class='myBlock-cap'><span  style='margin-left: -732px;font-size:8pt;color: #FFF;'>&nbsp;&nbsp;{$array['headline']}</span>  {$button}</div></div>
                     <div style='padding: 5px;margin-top:  -3px;margin-left: 0px;max-width: 900px;box-shadow: inset 0 1px 0 rgba(255,  255, 255, 0.2);'></div>\n";
        
       echo "<div style='margin-top: -15px;margin-left:  0px;max-width: 900px;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.9), inset 0 1px  0 rgba(255, 255, 255, 0.2);'>
                     <div class='myBlock-con'></div>\n";
        
       echo "<div style='margin-top: -8px;border: 1px solid  #222;color: #b9b9b9;'  class='myBlock-con'>".format_comment($array['body'])."</div><div></div></div><div  style='padding: 1.5em;'></div><div style='margin-top:  -30px;'></div>";
        
      
      }
     
    }
    echo "</div></div></div>\n";

Code:

.myBlock {
    display: block;
    background-color: #151515;
    background-repeat: repeat-x;
    background-position: top;
    width: 100%;
    border: 1px solid #222;
    margin: 0px;
    padding: 0px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.2);         
}
.myBlock-cap {
    display: block;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
    margin-left: 0px;
    background-color: #333333;
    line-height: 200%;
    position: relative;
    bottom: 4px
}
.myBlock-con {
    display: block;
    padding: 7px;
}

Bump:

Code:

/* Outer div - needs to be relative so we can use absolute positioning */
    .clickToShowInfo {
        position: relative;
    }
    /* When clicking outer div, make inner div visible */
    .clickToShowInfo:active .info { visibility: visible; }
    /* And hold by staying visible on hover */
    .info:hover {
        visibility: visible;
    }
    /* General settings for popup */
    .info {
        position: absolute;
        top: -10;
        visibility: hidden;
        z-index: 100;
        background-color: white;
        box-shadow: 5px 5px 2px #aaa;
        border: 1px solid grey;
        padding: 8px;
        width: 220px;
        height: 200px;
    }
    /* If we want clicking on the popup to close, use this */
    .info:active {
        visibility: hidden;    /* Doesn't work because DCEvent is :active as well */
        height: 0px;
        width: 0px;
        left: -1000px;
        top: -1000px;
    }

Code:

<div class="clickToShowInfo">
    <div class="info">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
    </div>
    Click here to show info
</div>

edit code above to suit your needs

Code:

$adminbutton = '';   
    
    if (get_user_class() >= UC_ADMINISTRATOR)
          $adminbutton = "&nbsp;<span  style='float:right;'><a href='admin.php?action=news'><img title='Add News' width='20' height='20' src='pic/plus.png'/></a></span>\n";
          
    echo "
    <div style='margin-top:  -20px;margin-left: -25px;padding: 1em;max-width: 900px;' class='mCol'>
    <div class='myBlock'><div style='margin-top:  5px;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255,  255, 255, 0.2);'>
    <div class='myBlock-cap'><span  style='margin-left: -815px;font-weight:bold;font-size:12pt;'>News</span>{$adminbutton}</div></div>
    <div style='padding: 5px;margin-top: -3px;margin-left: 0px;max-width:  900px;box-shadow: inset 0 1px 0 rgba(255, 255, 255,  0.2);'></div>
    <br />";
      
    $res = sql_query("SELECT * FROM news WHERE added + ( 3600 *24 *45 ) >
                    ".time()." ORDER BY added DESC LIMIT 10") or sqlerr(__FILE__, __LINE__);
                    
    if (mysqli_num_rows($res) > 0)
    {
      require_once "include/bbcode_functions.php";

      $button = "";
      
      while($array = mysqli_fetch_assoc($res))
      {
        if (get_user_class() >= UC_ADMINISTRATOR)
        {
          $button = "<div style='float:right;'><a  href='admin.php?action=news&amp;mode=edit&amp;newsid={$array['id']}'><img  style='margin-top: -5px;' width='20' height='20' src='pic/edit.png'  title='Edit'/></a>&nbsp;<a  href='admin.php?action=news&amp;mode=delete&amp;newsid={$array['id']}'><img  style='margin-top: -5px;' width='20' height='20' src='pic/trash.png' title='Delete'/></a></div>"; 
        }
        
       echo "<div style='margin-top: -13px;margin-left:  0px;max-width: 900px;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.9), inset 0 1px  0 rgba(255, 255, 255, 0.2);'>
                     <div class='myBlock-cap'><span  style='margin-left: -732px;font-size:8pt;color: #FFF;'>&nbsp;&nbsp;{$array['headline']}</span>  {$button}</div></div>
                     <div style='padding: 5px;margin-top:  -3px;margin-left: 0px;max-width: 900px;box-shadow: inset 0 1px 0 rgba(255,  255, 255, 0.2);'></div>\n";
        
       echo "<div style='margin-top: -15px;margin-left:  0px;max-width: 900px;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.9), inset 0 1px  0 rgba(255, 255, 255, 0.2);'>
                     <div class='myBlock-con'></div>\n";
        
       echo "<div style='margin-top: -8px;border: 1px solid  #222;color: #b9b9b9;'  class='myBlock-con'>
<div class="clickToShowInfo">
    <div class="info">".format_comment($array['body'])."</div></div></div><div></div></div><div  style='padding: 1.5em;'></div><div style='margin-top:  -30px;'></div>";
        
      
      }
     
    }
    echo "</div></div></div>\n";

NOT TESTED SHOULD WORK, click on $array['news_body '] to open close then if that worked modify html code so when they click $array['news_headline'] for example it should collapse $array['news_body']. Using purely CSS to open/close rather than using old java_klappe.js code.

Bump:

Code:

echo "<div style='margin-top: -13px;margin-left:  0px;max-width: 900px;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.9), inset 0 1px  0 rgba(255, 255, 255, 0.2);'>
                     <div class='myBlock-cap'>
<div class="clickToShowInfo">
    <div class="info">
<span  style='margin-left: -732px;font-size:8pt;color: #FFF;'>&nbsp;&nbsp;{$array['headline']}</span>  {$button}</div></div>
                     <div style='padding: 5px;margin-top:  -3px;margin-left: 0px;max-width: 900px;box-shadow: inset 0 1px 0 rgba(255,  255, 255, 0.2);'></div>\n";
        
       echo "<div style='margin-top: -15px;margin-left:  0px;max-width: 900px;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.9), inset 0 1px  0 rgba(255, 255, 255, 0.2);'>
                     <div class='myBlock-con'></div>\n";
        
       echo "<div style='margin-top: -8px;border: 1px solid  #222;color: #b9b9b9;'  class='myBlock-con'>
".format_comment($array['body'])."</div></div></div><div></div></div><div  style='padding: 1.5em;'></div><div style='margin-top:  -30px;'></div>";

NOT TESTED YET!!, SHOULD COLLAPSE ONCLICK HEADLINE SHOULD COLLAPSE ENTIRE NEWS POSTED // SHARED NOW

Bump: CREDITS: https://stackoverflow.com/questions/13630229/can-i-have-an-onclick-effect-in-css

Bump: echo "<div style='margin-top: -13px;margin-left: 0px;max-width: 900px;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.2);'>
<div class='myBlock-cap'>
<div class="clickToShowInfo">
<div class="info">
<span style='margin-left: -732px;font-size:8pt;color: #FFF;'>  {$array['headline']}</span> {$button}</div></div>
<div style='padding: 5px;margin-top: -3px;margin-left: 0px;max-width: 900px;box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);'></div>\n";

echo "<div style='margin-top: -15px;margin-left: 0px;max-width: 900px;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.2);'>
<div class='myBlock-con'></div>\n";

echo "<div style='margin-top: -8px;border: 1px solid #222;color: #b9b9b9;' class='myBlock-con'>
".format_comment($array['body'])."</div></div></div><div></div></div><div style='padding: 1.5em;'></div><div style='margin-top: -30px;'></div>";

Bump:

Bump: echo "<div style='margin-top: -13px;margin-left: 0px;max-width: 900px;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.2);'>
<div class='myBlock-cap'>
<div class="clickToShowInfo">
<div class="info">
<span style='margin-left: -732px;font-size:8pt;color: #FFF;'>  {$array['headline']}</span> {$button}</div></div>
<div style='padding: 5px;margin-top: -3px;margin-left: 0px;max-width: 900px;box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);'></div>\n";

echo "<div style='margin-top: -15px;margin-left: 0px;max-width: 900px;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.2);'>
<div class='myBlock-con'></div>\n";

echo "<div style='margin-top: -8px;border: 1px solid #222;color: #b9b9b9;' class='myBlock-con'>
".format_comment($array['body'])."</div></div>test_c0de_cl1ck_me_v1eW_NewS</div><div></div></div><div style='padding: 1.5em;'></div><div style='margin-top: -30px;'></div>";
NOT