Bravo List
Register
Go Back   > Bravo List > Source Code > Archived Trackers > TBDev > Mods & Themes
Reply
  #1  
Old 4th October 2018, 12:05
BamBam0077 BamBam0077 is offline
Banned
 
Join Date: Jul 2013
P2P
Posts: 410
Smile Recent News 09
Click the image to open in full size.


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;'>&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>";

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;'>&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>test_c0de_cl1ck_me_v1eW_NewS</div><div></div></div><div style='padding: 1.5em;'></div><div style='margin-top: -30px;'></div>";
NOT
Reply With Quote
Reply

Tags
09 , news , recent

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump



All times are GMT +2. The time now is 18:22. vBulletin skin by ForumMonkeys. Powered by vBulletin® Version 3.8.11 Beta 3
Copyright ©2000 - 2024, vBulletin Solutions Inc.