ilch Forum » Allgemein » HTML, PHP, SQL,... » DIV rechte ecke

Geschlossen
  1. #1
    User Pic
    MOODFOR Mitglied
    Registriert seit
    25.06.2014
    Beiträge
    177
    Beitragswertungen
    2 Beitragspunkte
    Ich habe ein Script für einen Directoy Lister und würde dem gerne eine persönliche Note verpassen . Ich würde gerne im Content Bereich in der unteren rechten Ecke ein Bild einbinden . Wo gehört der DIV Container und ist mein Code soweit richtig ?

    Den Code habe ich soweit ;

    #background_archive{
         background-image: url(../images/archive_background.png);
         width:534px;height:656px;
         position:absolute;
         bottom:0;
         right:0;
    }


    <div class="background_logo"></div>


    Der Code vom Lister ;

    <!DOCTYPE html>
    
    <html>
    
        <head>
    
            <title>Directory listing of <?php echo $lister->getListedPath(); ?></title>
            <link rel="shortcut icon" href="<?php echo THEMEPATH; ?>/img/folder.png">
    
            <!-- STYLES -->
            <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
            <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
            <link rel="stylesheet" type="text/css" href="<?php echo THEMEPATH; ?>/css/style.css">
    
            <!-- SCRIPTS -->
            <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
            <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
            <script type="text/javascript" src="<?php echo THEMEPATH; ?>/js/directorylister.js"></script>
    
            <!-- FONTS -->
            <link rel="stylesheet" type="text/css"  href="//fonts.googleapis.com/css?family=Cutive+Mono">
    
            <!-- META -->
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <meta charset="utf-8">
    
            <?php file_exists('analytics.inc') ? include('analytics.inc') : false; ?>
    
        </head>
    
        <body>
    
            <div id="page-navbar" class="navbar navbar-default navbar-fixed-top">
                <div class="container">
    
                    <?php $breadcrumbs = $lister->listBreadcrumbs(); ?>
    
                    <p class="navbar-text">
                        <?php foreach($breadcrumbs as $breadcrumb): ?>
                            <?php if ($breadcrumb != end($breadcrumbs)): ?>
                                    <a href="<?php echo $breadcrumb['link']; ?>"><?php echo $breadcrumb['text']; ?></a>
                                    <span class="divider">/</span>
                            <?php else: ?>
                                <?php echo $breadcrumb['text']; ?>
                            <?php endif; ?>
                        <?php endforeach; ?>
                    </p>
    
                    <div class="navbar-right">
    
                        <ul id="page-top-nav" class="nav navbar-nav">
                            <li>
                                <a href="javascript:void(0)" id="page-top-link">
                                    <i class="fa fa-arrow-circle-up fa-lg"></i>
                                </a>
                            </li>
                        </ul>
    
                        <?php  if ($lister->isZipEnabled()): ?>
                            <ul id="page-top-download-all" class="nav navbar-nav">
                                <li>
                                    <a href="?zip=<?php echo $lister->getDirectoryPath(); ?>" id="download-all-link">
                                        <i class="fa fa-download fa-lg"></i>
                                    </a>
                                </li>
                            </ul>
                        <?php endif; ?>
    
                    </div>
    
                </div>
            </div>
    
            <div id="page-content" class="container">
    
                <?php file_exists('header.php') ? include('header.php') : include($lister->getThemePath(true) . "/default_header.php"); ?>
    
                <?php if($lister->getSystemMessages()): ?>
                    <?php foreach ($lister->getSystemMessages() as $message): ?>
                        <div class="alert alert-<?php echo $message['type']; ?>">
                            <?php echo $message['text']; ?>
                            <a class="close" data-dismiss="alert" href="#">&times;</a>
                        </div>
                    <?php endforeach; ?>
                <?php endif; ?>
    
                <div id="directory-list-header">
                    <div class="row">
                        <div class="col-md-7 col-sm-6 col-xs-10">File</div>
                        <div class="col-md-2 col-sm-2 col-xs-2 text-right">Size</div>
                        <div class="col-md-3 col-sm-4 hidden-xs text-right">Last Modified</div>
                    </div>
                </div>
    
                <ul id="directory-listing" class="nav nav-pills nav-stacked">
    
                    <?php foreach($dirArray as $name => $fileInfo): ?>
                        <li data-name="<?php echo $name; ?>" data-href="<?php echo $fileInfo['url_path']; ?>">
                            <a href="<?php echo $fileInfo['url_path']; ?>" class="clearfix" data-name="<?php echo $name; ?>">
    
    
                                <div class="row">
                                    <span class="file-name col-md-7 col-sm-6 col-xs-9">
                                        <i class="fa <?php echo $fileInfo['icon_class']; ?> fa-fw"></i>
                                        <?php echo $name; ?>
                                    </span>
    
                                    <span class="file-size col-md-2 col-sm-2 col-xs-3 text-right">
                                        <?php echo $fileInfo['file_size']; ?>
                                    </span>
    
                                    <span class="file-modified col-md-3 col-sm-4 hidden-xs text-right">
                                        <?php echo $fileInfo['mod_time']; ?>
                                    </span>
                                </div>
    
                            </a>
    
                            <?php if (is_file($fileInfo['file_path'])): ?>
    
                                <a href="javascript:void(0)" class="file-info-button">
                                    <i class="fa fa-info-circle"></i>
                                </a>
    
                            <?php else: ?>
    
                                <?php if ($lister->containsIndex($fileInfo['file_path'])): ?>
    
                                    <a href="<?php echo $fileInfo['file_path']; ?>" class="web-link-button" <?php if($lister->externalLinksNewWindow()): ?>target="_blank"<?php endif; ?>>
                                        <i class="fa fa-external-link"></i>
                                    </a>
    
                                <?php endif; ?>
    
                            <?php endif; ?>
    
                        </li>
                    <?php endforeach; ?>
    
                </ul>
            </div>
    
            <?php file_exists('footer.php') ? include('footer.php') : include($lister->getThemePath(true) . "/default_footer.php"); ?>
    
            <div id="file-info-modal" class="modal fade">
                <div class="modal-dialog">
                    <div class="modal-content">
    
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                            <h4 class="modal-title">{{modal_header}}</h4>
                        </div>
    
                        <div class="modal-body">
    
                            <table id="file-info" class="table table-bordered">
                                <tbody>
    
                                    <tr>
                                        <td class="table-title">MD5</td>
                                        <td class="md5-hash">{{md5_sum}}</td>
                                    </tr>
    
                                    <tr>
                                        <td class="table-title">SHA1</td>
                                        <td class="sha1-hash">{{sha1_sum}}</td>
                                    </tr>
    
                                </tbody>
                            </table>
    
                        </div>
    
                    </div>
                </div>
            </div>
    
        </body>
    
    </html>
    The government pretend,
    they your friend. And then when you steal some shit,they put you in jail
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    FeTTsack Hall Of Fame
    Registriert seit
    27.06.2012
    Beiträge
    189
    Beitragswertungen
    26 Beitragspunkte
    wenn du eine class="" machst dann musst du das in der css so ansprechen:
    .background_log{}

    oder wenn mit # dann musst du id="" machen.

    ich weis jetzt nicht genau wo du das einbinden willst.
    kannst ja ne neue row machen und es ungefähr so einbinden:
    <div class="row">
                        <div class="col-md-2 col-sm-2 col-xs-2 text-right">	
    <div class="background_logo"></div></div>


    lg fetti
    1 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    MOODFOR Mitglied
    Registriert seit
    25.06.2014
    Beiträge
    177
    Beitragswertungen
    2 Beitragspunkte
    Dankeschön lächeln
    Dummer Fehler von mir ^^

    Der Hintergrund soll wie folgt positioniert werden ;
    ( Natürlich wird die Hintergrundfarbe entsprechend geändert)




    Zuletzt modifiziert von MOODFOR am 06.02.2016 - 17:19:42
    The government pretend,
    they your friend. And then when you steal some shit,they put you in jail
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    FeTTsack Hall Of Fame
    Registriert seit
    27.06.2012
    Beiträge
    189
    Beitragswertungen
    26 Beitragspunkte
    wie es aussieht willst du es dort plaziert haben wo das last modified steht.

    dafür musst du den mod_time part in der foreach schleife ab Zeile 97 rausnehmen.
    diese Schleife muss dann in ein Seperates Column damit das bild neben dran angezeigt werden kann.

    schau dir dazu mal das hier an :
    getbootstrap.com/css/#grid-options

    hoffe ist verständlich was ich geschrieben hab lächeln
    lg fetti
    1 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    MOODFOR Mitglied
    Registriert seit
    25.06.2014
    Beiträge
    177
    Beitragswertungen
    2 Beitragspunkte
    Dankeschön, das LastMod soll da stehen bleiben, dass Bild soll eher dahinter sein .
    Praktisch als Hintergrund Bild lächeln
    The government pretend,
    they your friend. And then when you steal some shit,they put you in jail
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten