Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
İlginç Sistem
#1
Big Grin 
İlginç Sistem
https://codepen.io/Shinae/pen/myGNxq
En azından bana öyle geldi :)
Ara
Cevapla PGM
Teşekkür verenler: Adolf Hitler
#2
Bu tam olarak nedir , kısmı kodlar var ?
-ARCH
Lütfen "Rep Verbutonuna tıklayarak bizi değerlendirin.
Forum Organizatörü
Ara
Cevapla PGM
Teşekkür verenler:
#3
Responsive temasının geliştirilmiş halimi?
Ara
Cevapla PGM
Teşekkür verenler:
#4
Bir kişi ekran görüntüsü koyabilir mi? Ofiste ki bilgisayardan göremiyorum da.
Ara
Cevapla PGM
Teşekkür verenler: yusuer
#5
(27-03-2019 Saat: 14:48)EmreKRMN Nickli Kullanıcıdan Alıntı: Bir kişi ekran görüntüsü koyabilir mi? Ofiste ki bilgisayardan göremiyorum da.

Kod:
<!-- start: index -->

<head>
<title>myBB Example Forum</title>
</head>

<body>
<!-- start: header -->
<div id="container">
        <a name="top" id="top"></a>
        <div id="header">
    <div id="logo">
                <div class="wrapper">
                    <img /></a>
                    <ul class="menu top_links">
<li>Portal</li>
<li>Suche</li>
<li>Mitglieder</li>
<li>Kalender</li>
                        <li>Chat</li>
                        <li>Hilfe</li>
                    </ul>
                </div>
            </div>
            
        <div id="content">
            <div class="wrapper">
                
                
                
                
                
                
                <!-- start: nav -->

<div class="navigation">
<!-- start: nav_bit_active -->
<span class="active">Forum</span>
<!-- end: nav_bit_active -->
</div>
<!-- end: nav -->
                <br />
<!-- end: header -->
<!-- start: forumbit_depth1_cat -->
<table border="0" cellspacing="0" cellpadding="5" class="tborder">
<thead>
<tr>
<td class="thead" colspan="5">
<div class="expcolimage"><img src="" id="cat_1_img" class="expander" alt="[-]" title="[-]" /></div>
<div><strong>Forumkategorie</strong><br /><div class="smalltext"></div></div>
</td>
</tr>
</thead>
<tbody style="" id="cat_1_e">
<tr>
<td class="tcat" colspan="2"><span class="smalltextohne"><strong>Forum</strong></span></td>
<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>Themen</strong></span></td>
<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>Beiträge</strong></span></td>
<td class="tcat" width="200" align="center"><span class="smalltext"><strong>Letzter Beitrag</strong></span></td>
</tr>
<!-- start: forumbit_depth2_forum -->
<tr>
<td class="trow1" align="center" width="1"><span class="forum_status forum_off ajax_mark_read" title="Forum enthält keine neuen Beiträge" id="mark_read_2"></span></td>
<td class="trow1">
<strong>Allgemeines Forum</strong><div class="smalltextohne">Hier könnt ihr über alles schreiben, was nicht in die anderen Foren passt..
<!-- start: forumbit_subforums -->
<br /><strong>Unterforen:</strong> <div title="Forum enthält keine neuen Beiträge" class="subforumicon subforum_minioff ajax_mark_read" id="mark_read_3"></div>Lernunterlagen
<!-- end: forumbit_subforums --></div>
</td>
<td class="trow1" align="center" style="white-space: nowrap">1</td>
<td class="trow1" align="center" style="white-space: nowrap">3</td>
<td class="trow1" align="right" style="white-space: nowrap">
    <!-- start: forumbit_depth2_forum_lastpost -->
<span class="smalltext">
<strong>Testbeitrag</strong></span>
<span class="smalltextohne">
    <br />03-04-2015, 12:16 AM<br />von N00bi</span>
<!-- end: forumbit_depth2_forum_lastpost --></td>
</tr>
<!-- end: forumbit_depth2_forum --><!-- start: forumbit_depth2_forum -->
<tr>
<td class="trow2" align="center" width="1"><span class="forum_status forum_off ajax_mark_read" title="Forum enthält keine neuen Beiträge" id="mark_read_4"></span></td>
<td class="trow2">
<strong>Plaudereien</strong><div class="smalltextohne">Alles, was sich so tut...
<!-- start: forumbit_subforums -->
<br /><strong>Unterforen:</strong> <div title="Forum enthält keine neuen Beiträge" class="subforumicon subforum_minioff ajax_mark_read" id="mark_read_5"></div>Austausch
<!-- end: forumbit_subforums --></div>
</td>
<td class="trow2" align="center" style="white-space: nowrap">0</td>
<td class="trow2" align="center" style="white-space: nowrap">0</td>
<td class="trow2" align="right" style="white-space: nowrap"><!-- start: forumbit_depth2_forum_lastpost_never -->
<div style="text-align: center;">Nie</div>
<!-- end: forumbit_depth2_forum_lastpost_never --></td>
</tr>
<!-- end: forumbit_depth2_forum --><!-- start: forumbit_depth2_forum -->
<tr>
<td class="trow1" align="center" width="1"><span class="forum_status forum_off ajax_mark_read" title="Forum enthält keine neuen Beiträge" id="mark_read_6"></span></td>
<td class="trow1">
<strong>Verschiedenes</strong><div class="smalltextohne">Verschiedene Themen </div>
</td>
<td class="trow1" align="center" style="white-space: nowrap">0</td>
<td class="trow1" align="center" style="white-space: nowrap">0</td>
<td class="trow1" align="right" style="white-space: nowrap"><!-- start: forumbit_depth2_forum_lastpost_never -->
<div style="text-align: center;">Nie</div>
<!-- end: forumbit_depth2_forum_lastpost_never --></td>
</tr>
<!-- end: forumbit_depth2_forum --><!-- start: forumbit_depth2_forum -->
<tr>
<td class="trow2" align="center" width="1"><span class="forum_status forum_off ajax_mark_read" title="Forum enthält keine neuen Beiträge" id="mark_read_7"></span></td>
<td class="trow2">
<strong>Gleiches</strong><div class="smalltextohne">Ähnliche Themen</div>
</td>
<td class="trow2" align="center" style="white-space: nowrap">0</td>
<td class="trow2" align="center" style="white-space: nowrap">0</td>
<td class="trow2" align="right" style="white-space: nowrap"><!-- start: forumbit_depth2_forum_lastpost_never -->
<div style="text-align: center;">Nie</div>
<!-- end: forumbit_depth2_forum_lastpost_never --></td>
</tr>
<!-- end: forumbit_depth2_forum --><!-- start: forumbit_depth2_forum -->
<tr>
<td class="trow1" align="center" width="1"><span class="forum_status forum_off ajax_mark_read" title="Forum enthält keine neuen Beiträge" id="mark_read_11"></span></td>
<td class="trow1">
<strong>Ausflüge</strong><div class="smalltextohne">Ausflüge, gerne auch mit Bildern....</div>
</td>
<td class="trow1" align="center" style="white-space: nowrap">0</td>
<td class="trow1" align="center" style="white-space: nowrap">0</td>
<td class="trow1" align="right" style="white-space: nowrap"><!-- start: forumbit_depth2_forum_lastpost_never -->
<div style="text-align: center;">Nie</div>
<!-- end: forumbit_depth2_forum_lastpost_never --></td>
</tr>
<!-- end: forumbit_depth2_forum --><!-- start: forumbit_depth2_forum -->
<tr>
<td class="trow2" align="center" width="1"><span class="forum_status forum_off ajax_mark_read" title="Forum enthält keine neuen Beiträge" id="mark_read_12"></span></td>
<td class="trow2">
<strong>Kräutergarten</strong><div class="smalltextohne">Im Garten könnt Ihr euch über Pflanzen, ihre Anwendung, Pflege, Ernte und Verarbeitung austauschen...
</td>
<td class="trow2" align="center" style="white-space: nowrap">0</td>
<td class="trow2" align="center" style="white-space: nowrap">0</td>
<td class="trow2" align="right" style="white-space: nowrap"><!-- start: forumbit_depth2_forum_lastpost_never -->
<div style="text-align: center;">Nie</div>
<!-- end: forumbit_depth2_forum_lastpost_never --></td>
</tr>
<!-- end: forumbit_depth2_forum --><!-- start: forumbit_depth2_forum -->
<tr>
<td class="trow2" align="center" width="1"><span class="forum_status forum_off ajax_mark_read" title="Forum enthält keine neuen Beiträge" id="mark_read_22"></span></td>
<td class="trow2">
<strong>Bücher ~ Filme ~ Serien </strong><div class="smalltextohne">Kennst Du ein gutes Buch oder suchst Du eines? Willst Du einen guten Film/Serie vorstellen, dann kannst Du diesen Ort nutzen um es weiterzugeben... </div>
</td>
<td class="trow2" align="center" style="white-space: nowrap">0</td>
<td class="trow2" align="center" style="white-space: nowrap">0</td>
<td class="trow2" align="right" style="white-space: nowrap"><!-- start: forumbit_depth2_forum_lastpost_never -->
<div style="text-align: center;">Nie</div>
<!-- end: forumbit_depth2_forum_lastpost_never --></td>
</tr>
<!-- end: forumbit_depth2_forum -->
</tbody>
</table>
<br />
<!-- end: forumbit_depth1_cat -->
<!-- start: forumbit_depth1_cat -->
<table border="0" cellspacing="0" cellpadding="5" class="tborder">
<thead>
<tr>
<td class="thead" colspan="5">
<div class="expcolimage"><img src="" id="cat_23_img" class="expander" alt="[-]" title="[-]" /></div>
<div><strong>Gemeinschaft</strong><br /><div class="smalltext"></div></div>
</td>
</tr>
</thead>
<tbody style="" id="cat_23_e">
<tr>
<td class="tcat" colspan="2"><span class="smalltextohne"><strong>Forum</strong></span></td>
<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>Themen</strong></span></td>
<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>Beiträge</strong></span></td>
<td class="tcat" width="200" align="center"><span class="smalltext"><strong>Letzter Beitrag</strong></span></td>
</tr>
<!-- start: forumbit_depth2_forum -->
<tr>
<td class="trow2" align="center" width="1"><span class="forum_status forum_off ajax_mark_read" title="Forum enthält keine neuen Beiträge" id="mark_read_24"></span></td>
<td class="trow2">
<strong>Vernetzung ~ Treffen</strong><div class="smalltextohne">Hier dreht sich alles um die Suche nach Vernetzung. </div>
</td>
<td class="trow2" align="center" style="white-space: nowrap">0</td>
<td class="trow2" align="center" style="white-space: nowrap">0</td>
<td class="trow2" align="right" style="white-space: nowrap"><!-- start: forumbit_depth2_forum_lastpost_never -->
<div style="text-align: center;">Nie</div>
<!-- end: forumbit_depth2_forum_lastpost_never --></td>
</tr>
<!-- end: forumbit_depth2_forum --><!-- start: forumbit_depth2_forum -->
<tr>
<td class="trow1" align="center" width="1"><span class="forum_status forum_off ajax_mark_read" title="Forum enthält keine neuen Beiträge" id="mark_read_26"></span></td>
<td class="trow1">
<strong>Gedanken ~ Poesie ~ Geschichten</strong><div class="smalltextohne">Hier ist Platz für den kreativen Fluss, das gemeinsame Geschichtenerzählen und philosophieren...
</td>
<td class="trow1" align="center" style="white-space: nowrap">0</td>
<td class="trow1" align="center" style="white-space: nowrap">0</td>
<td class="trow1" align="right" style="white-space: nowrap"><!-- start: forumbit_depth2_forum_lastpost_never -->
<div style="text-align: center;">Nie</div>
<!-- end: forumbit_depth2_forum_lastpost_never --></td>
</tr>
<!-- end: forumbit_depth2_forum --><!-- start: forumbit_depth2_forum -->
<tr>
<td class="trow1" align="center" width="1"><span class="forum_status forum_off ajax_mark_read" title="Forum enthält keine neuen Beiträge" id="mark_read_31"></span></td>
<td class="trow1">
<strong>Chat</strong><div class="smalltextohne">Hier findest Du den Link zu unserem Chat und kannst auch Chatverabredungen treffen... </div>
</td>
<td class="trow1" align="center" style="white-space: nowrap">0</td>
<td class="trow1" align="center" style="white-space: nowrap">0</td>
<td class="trow1" align="right" style="white-space: nowrap"><!-- start: forumbit_depth2_forum_lastpost_never -->
<div style="text-align: center;">Nie</div>
<!-- end: forumbit_depth2_forum_lastpost_never --></td>
</tr>
<!-- end: forumbit_depth2_forum --><!-- start: forumbit_depth2_forum -->
<tr>
<td class="trow1" align="center" width="1"><span class="forum_status forum_off ajax_mark_read" title="Forum enthält keine neuen Beiträge" id="mark_read_36"></span></td>
<td class="trow1">
<strong>Links</strong><div class="smalltextohne">Hast du eine eigene Homepage oder kennst ein Projekt, das unterstützenswert ist? Dann schreib doch in dieses Forum... </div>
</td>
<td class="trow1" align="center" style="white-space: nowrap">0</td>
<td class="trow1" align="center" style="white-space: nowrap">0</td>
<td class="trow1" align="right" style="white-space: nowrap"><!-- start: forumbit_depth2_forum_lastpost_never -->
<div style="text-align: center;">Nie</div>
<!-- end: forumbit_depth2_forum_lastpost_never --></td>
</tr>
<!-- end: forumbit_depth2_forum --><!-- start: forumbit_depth2_forum -->
<tr>
<td class="trow2" align="center" width="1"><span class="forum_status forum_off ajax_mark_read" title="Forum enthält keine neuen Beiträge" id="mark_read_39"></span></td>
<td class="trow2">
<strong>Archiv</strong><div class="smalltextohne">Hier wandern alle alten und auch geschlossenen Threads hin...und werden dann später entgültig gelöscht....hier könnt ihr nur lesen.... </div>
</td>
<td class="trow2" align="center" style="white-space: nowrap">0</td>
<td class="trow2" align="center" style="white-space: nowrap">0</td>
<td class="trow2" align="right" style="white-space: nowrap"><!-- start: forumbit_depth2_forum_lastpost_never -->
<div style="text-align: center;">Nie</div>
<!-- end: forumbit_depth2_forum_lastpost_never --></td>
</tr>
<!-- end: forumbit_depth2_forum -->
</tbody>
</table>
<br />
<!-- end: forumbit_depth1_cat -->
<!-- start: index_boardstats -->
<table border="0" cellspacing="0" cellpadding="5" class="tborder">
<thead>
<tr>
<td class="thead">
<div class="expcolimage"><img src="" id="boardstats_img" class="expander" alt="[-]" title="[-]" /></div>
<div><strong>Foren-Statistiken</strong></div>
</td>
</tr>
</thead>
<tbody style="" id="boardstats_e">
<!-- start: index_whosonline -->
<tr>
<td class="tcat"><span class="smalltext"><strong>Wer ist online?</strong> [Vollständige Liste]</span></td>
</tr>
<tr>
<td class="trow1"><span class="smalltext">1 Benutzer aktiv in den letzten 15 Minuten: 1 Mitglied, 0 davon unsichtbar und 0 Gäste<br />N00bi</span></td>
</tr>
<!-- end: index_whosonline -->

<!-- start: index_stats -->
<tr><td class="tcat"><span class="smalltext"><strong>Foren-Statistiken</strong></span></td></tr>
<tr>
<td class="trow1"><span class="smalltext">
Alle Mitglieder haben insgesamt 3 Beiträge in 1 Themen erstellt<br />
Registrierte Mitglieder: 2<br />
Unser neuestes Mitglied heißt: <strong>N00bi</strong><br />
Besucherrekord: 2 (03-03-2015 um 11:53 PM Uhr)
</span>
</td>
</tr>
<!-- end: index_stats -->
<tr>
    <td class="tfoot" style="text-align: right">
        <span class="smalltext">
            <!-- start: index_logoutlink -->
Abmelden
<!-- end: index_logoutlink -->
            Alle Foren als gelesen markieren |
            Foren-Team
            <!-- start: index_statspage -->
|
            Foren-Statistiken
<!-- end: index_statspage -->
        </span>
    </td>
</tr>
</tbody>
</table>
<br />
<!-- end: index_boardstats -->

<dl class="forum_legend smalltextohne">
    <dt><span class="forum_status forum_on" title="Forum enthält neue Beiträge"></span></dt>
    <dd>Forum enthält neue Beiträge</dd>

    <dt><span class="forum_status forum_off" title="Forum enthält keine neuen Beiträge"></span></dt>
    <dd>Forum enthält keine neuen Beiträge</dd>

    <dt><span class="forum_status forum_offlock" title="Forum ist geschlossen"></span></dt>
    <dd>Forum ist geschlossen</dd>

    <dt><span class="forum_status forum_offlink" title=""></span></dt>
    <dd></dd>
</dl>
<br class="clear" />
<!-- start: footer -->

    </div>
</div>
<div id="footer">
    <div class="upper">
        <div class="wrapper">
            
            
            <ul class="menu bottom_links">
                <!-- start: footer_contactus -->
<li>Kontakt</li>
<!-- end: footer_contactus -->
                <li>Homepage</li>
                <li>Nach oben</li>
                <li>Archiv-Modus</li>
                <li>RSS-Synchronisation</li>
            </ul>
        </div>
    </div>
    <div class="lower">
        <div class="wrapper">
            <span id="current_time"><strong>Es ist:</strong> 03-10-2015, 12:48 PM</span>
            <span id="copyright">
                <!-- MyBB is free software developed and maintained by a volunteer community.
                    It would be much appreciated by the MyBB Group if you left the full copyright and "powered by" notice intact,
                    to show your support for MyBB.  If you choose to remove or modify the copyright below,
                    you may be refused support on the MyBB Community Forums.

                    This is free software, support us and we'll support you. -->
                Deutsche Übersetzung: MyBBoard.de, Powered by MyBB, &copy; 2002-2015 MyBB Group.
                <!-- End powered by -->
            </span>
        </div>
    </div>
</div>

</div>
<!-- end: footer -->
</body>
</html>
<!-- end: index -->
Kod:
body {
    background: #fff;
    color: #333;
    text-align: center;
    line-height: 1.4;
    margin: 0;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
    overflow-y: scroll;
}

a:link {
    color: #0072BC;
    text-decoration: none;
}

a:visited {
    color: #0072BC;
    text-decoration: none;
}

a:hover,
a:active {
    color: #0072BC;
    text-decoration: underline;
}

#container {
    text-align: left;
    line-height: 1.4;
    margin: 0;
    min-width: 64,666666667%;
    
    color: #333;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 1em;
}

.wrapper {
    min-width: 64,666666667%;
    max-width: 100%;
    margin: auto auto;
    width: 95%;
}

#logo {
    background: #000;
    padding: 10px 0;
    border-bottom: 1px solid #263c30;
}

#content {
    background: #fff;
    width: auto !important;
    padding: 20px 10px;
    overflow: hidden;
}

#header ul.menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

#header ul.menu li {
    margin: 0 7px;
    display: inline;
}

#header ul.menu li a {
    padding-left: 20px;
    background-color: black;
    display: inline-block;
}

#logo ul.top_links {
    font-weight: bold;
    text-align: right;
    margin: -10px 5px 0 0;
}

#panel .lower ul.panel_links {
    float: left;
}

#panel .lower ul.user_links li a {
    padding: 0;
    background-image: none;
}

#panel .upper {
    background: #0f0f0f;
    color: #fff;
    border-top: 1px solid #444;
    border-bottom: 1px solid #000;
    padding: 7px;
    clear: both;
}

#panel .upper a:link,
#panel .upper a:visited,
#panel .upper a:hover,
#panel .upper a:active {
    color: #fff;
}

#panel .lower {
    background: #efefef;
    color: #999;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    padding: 5px;
}

#panel .lower a:link,
#panel .lower a:visited,
#panel .lower a:hover,
#panel .lower a:active {
    color: #666;
}


#footer ul.menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

#footer ul.menu li {
    margin: 0 5px;
    display: inline;
}

#footer .upper {
    background: #efefef;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    padding: 6px;
    font-size: 1em;
    overflow: hidden;
}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
    color: #777;
}

#footer .upper .language {
    float: right;
    margin: -1px;
    margin-left: 15px;
}

#footer .upper .language select {
    border-color: #ccc;
}

#footer .upper .theme {
    float: right;
    margin: -1px;
    margin-left: 15px;
}

#footer .upper .theme select {
    border-color: #ccc;
}

#footer .upper ul.bottom_links {
    float: left;
    margin: 4px 0 0 0;
}

#footer .lower {
    color: #666666;
    padding: 6px 6px 12px 6px;
    overflow: hidden;
    font-size: 11px;
}

#footer .lower a:link,
#footer .lower a:visited {
    color: #444;
    font-weight: bold;
}

#footer .lower a:hover,
#footer .lower a:active {
    color: #333;
    text-decoration: underline;
    font-weight: bold;
}

#footer .lower #current_time {
    float: right;
    color: #888;
}

#debug {
    float: right;
    text-align: right;
    margin-top: 20px;
    font-size: 11px;
}

.scaleimages img {
    max-width: 100%;
}

.forum_status {
    height: 30px;
    width: 30px;
    background-color: #e2e2e2;
    display: inline-block;
}


.subforumicon {
    height: 10px;
    width: 10px;
    display: inline-block;
    margin: 0 5px;
    background-color: #0000bb;
}

table {
    color: #333;
    font-size: 1em;
}

.tborder {
    background: #fff;
    width: 100%;
    margin: auto auto;
    border: 1px solid #ccc;
    padding: 1px;
}

.tfixed {
    table-layout: fixed;
    word-wrap: break-word;
}

.thead {
    background: #0066a2;
    color: #ffffff;
    border-bottom: 1px solid #263c30;
    padding: 8px;
}

.thead a:link {
    color: #ffffff;
    text-decoration: none;
}

.thead a:visited {
    color: #ffffff;
    text-decoration: none;
}

.thead a:hover,
.thead a:active {
    color: #ffffff;
    text-decoration: underline;
}

.tcat {
    background: #0f0f0f;
    color: #fff;
    border-top: 1px solid #444;
    border-bottom: 1px solid #000;
    padding: 6px;
    font-size: 12px;
}

.tcat a:link {
    color: #fff;
}

.tcat a:visited {
    color: #fff;
}

.tcat a:hover,
.tcat a:active {
    color: #fff;
}

.trow1 {
    background: #f5f5f5;
    border: 1px solid;
    border-color: #fff #ddd #ddd #fff;
}

.trow2 {
    background: #efefef;
    border: 1px solid;
    border-color: #fff #ddd #ddd #fff;
}

.trow_shaded {
    background: #ffdde0;
    border: 1px solid;
    border-color: #fff #ffb8be #ffb8be #fff;
}

.no_bottom_border {
    border-bottom: 0;
}

.trow_selected,
tr.trow_selected td {
    background: #FFFBD9;
    color: #333;
    border-right-color: #F7E86A;
    border-bottom-color: #F7E86A;
}

.trow_selected a:link,
.trow_selected a:visited,
.trow_selected a:hover,
.trow_selected a:active {
    color: #333;
}

.trow_sep {
    background: #ddd;
    color: #333;
    border-bottom: 1px solid #c5c5c5;
    padding: 6px;
    font-size: 12px;
    font-weight: bold;
}

.tfoot {
    border-top: 1px solid #fff;
    padding: 6px;
    background: #ddd;
    color: #666;
}

.tfoot a:link {
    color: #444;
    text-decoration: none;
}

.tfoot a:visited {
    color: #444;
    text-decoration: none;
}

.tfoot a:hover,
.tfoot a:active {
    color: #444;
    text-decoration: underline;
}

.thead input.textbox,
.thead select {
    border: 1px solid #263c30;
}

.bottommenu {
    background: #efefef;
    color: #333;
    border: 1px solid #4874a3;
    padding: 10px;
}

.navigation {
    color: #333;
    font-size: 0.9em;
}

.navigation a:link {
    text-decoration: none;
}

.navigation a:visited {
    text-decoration: none;
}

.navigation a:hover,
.navigation a:active {
    text-decoration: underline;
}

.navigation .active {
    color: #333;
    font-size: small;
    font-weight: bold;
}

.smalltext {
    font-size: 0.9em;
}

.smalltextohne {
    font-size: 0.9em;
}

.largetext {
    font-size: 1em;
    font-weight: bold;
}

fieldset {
    padding: 12px;
    border: 1px solid #ddd;
    margin: 0;
}

fieldset.trow1,
fieldset.trow2 {
    border-color: #bbb;
}

fieldset.align_right {
    text-align: right;
}

input.textbox {
    background: #ffffff;
    color: #333;
    border: 1px solid #ccc;
    padding: 3px;
    outline: 0;
    font-size: 13px;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

textarea {
    background: #ffffff;
    color: #333;
    border: 1px solid #ccc;
    padding: 2px;
    line-height: 1.4;
    outline: 0;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

select {
    background: #ffffff;
    padding: 3px;
    border: 1px solid #ccc;
    outline: 0;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

button,
input.button {
    padding: 3px 8px;
    cursor: pointer;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 1em;
    background: #eee;
    border: 1px solid #bbb;
    color: #333;
    outline: 0;
}

button:hover,
input.button:hover {
    border-color: #aaa;
}

form {
    margin: 0;
    padding: 0;
}

img {
    border: none;
    max-width: 100%;
    height: auto;
}

hr {
    background-color: #000000;
    color: #000000;
    height: 1px;
    border: 0px;
}

.clear {
    clear: both;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.hidden {
    display: none;
    float: none;
    width: 1%;
}

.hiddenrow {
    display: none;
}

.selectall {
    background: #FFFBD9;
    border-bottom: 1px solid #F7E86A;
    color: #333;
    text-align: center;
}

.expcolimage {
    float: right;
    width: auto;
    vertical-align: middle;
    margin-top: 3px;
}

.tcat_menu > .expcolimage {
    margin-top: 0;
}

blockquote {
    border: 1px solid #ccc;
    margin: 0;
    background: #fff;
    padding: 10px;
}

.separator {
    margin: 5px;
    padding: 0;
    height: 0px;
    font-size: 1px;
    list-style-type: none;
}

.subject_new {
    font-weight: bold;
}

.highlight {
    background: #FFFFCC;
    padding-top: 3px;
    padding-bottom: 3px;
}

.online {
    color: #15A018;
}

.offline {
    color: #C7C7C7;
}


.thread_legend,
.thread_legend dd {
    margin: 0;
    padding: 0;
}

.thread_legend dd {
    padding-bottom: 4px;
    margin-right: 15px;
}

.thread_legend img {
    margin-right: 4px;
    vertical-align: bottom;
}

.forum_legend,
.forum_legend dt,
.forum_legend dd {
    margin: 0;
    padding: 0;
}

.forum_legend dd {
    float: left;
    margin-right: 10px;
    margin-top: 7px;
}

.forum_legend dt {
    margin-right: 10px;
    float: left;
}

.post {
    overflow: hidden;
}

.post.classic {
    padding-top: 15px;
}

.post .post_author {
    border-bottom: 1px solid #ccc;
    border-top: 2px solid #ccc;
    background: #f5f5f5;
    padding: 5px;
    overflow: hidden;
}

.post.classic .post_author {
    border: 1px solid #ddd;
    float: left;
    width: 15%;
    margin: 0 1% 15px 0;
    border-left: 0;
    padding: 5px 1%;
}



.postbit_buttons > a:link,
.postbit_buttons > a:hover,
.postbit_buttons > a:visited,
.postbit_buttons > a:active {
    box-sizing: content-block;
    padding: 2px 5px;
    margin: 2px;
    font-size: 13px;
    background: #eee url(images/buttons_bg.png) repeat-x;
    border: 1px solid #ccc;
    color: #555;
}

.postbit_buttons > a:hover {
    border-color: #bbb;
}

.postbit_buttons a span {
    padding-left: 20px;
    display: content-block;
    height: 16px;
    background-color: #e7e7e7;
    background-repeat: no-repeat;
}

a.button:link,
a.button:hover,
a.button:visited,
a.button:active {
    background: #0f0f0f;
    color: #fff;
    display: inline-block;
    padding: 4px 8px;
    margin: 2px 2px 6px 2px;
    border: 1px solid #000;
    font-size: 14px;
}

a.button.small_button {
    font-size: 13px;
    margin: 0;
    padding: 3px 6px;
}

/** jGrowl Styling **/
.jGrowl {
    z-index: 9999;
    color: #fff;
    font-size: 12px;
    position: fixed;
}

.jGrowl.top-left {
    left: 0px;
    top: 0px;
}

.jGrowl.top-right {
    right: 0px;
    top: 0px;
}

.jGrowl.bottom-left {
    left: 0px;
    bottom:    0px;
}

.jGrowl.bottom-right {
    right: 0px;
    bottom: 0px;
}

.jGrowl.center {
    top: 0px;
    width: 50%;
    left: 25%;
}

/** Cross Browser Styling **/

.center .jGrowl-notification,
.center .jGrowl-closer {
    margin-left: auto;
    margin-right: auto;
}

.jGrowl .jGrowl-notification,
.jGrowl .jGrowl-closer {
    background-color: #000;
    opacity: .85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
    zoom: 1;
    width: 235px;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 1em;
    text-align: left;
    display: none;
    border-radius: 5px;
}

.jGrowl .jGrowl-notification {
    min-height: 40px;
}

.jGrowl .jGrowl-notification,
.jGrowl .jGrowl-closer {
    margin: 10px;
}

.jGrowl .jGrowl-notification .jGrowl-header {
    font-weight: bold;
    font-size: .85em;
}

.jGrowl .jGrowl-notification .jGrowl-close {
    z-index: 99;
    float: right;
    font-weight: bold;
    font-size: 1em;
    cursor: pointer;
}

.jGrowl .jGrowl-closer {
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: pointer;
    font-size: .9em;
    font-weight: bold;
    text-align: center;
}

/** Media Query für Print **/
@media print {
    .jGrowl {
        display: none;
}


/** CSS3 */
tr td.trow1:first-child,
tr td.trow2:first-child,
tr td.trow_shaded:first-child {
    border-left: 0;
}

tr td.trow1:last-child,
tr td.trow2:last-child,
tr td.trow_shaded:last-child {
    border-right: 0;
}

.tborder {
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

.tborder tbody tr:last-child td {
    border-bottom: 0;
}

.tborder tbody tr:last-child td:first-child {
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.tborder tbody tr:last-child td:last-child {
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.thead {
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.thead_collapsed {
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.thead_left {
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
   border-top-right-radius: 0;
}

.thead_right {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
   border-top-left-radius: 0;
}

.tcat_menu {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
     border-radius: 0 !important;
}

.tborder tbody:nth-last-child(2) .tcat_collapse_collapsed {
    -moz-border-radius-bottomleft: 6px !important;
    -moz-border-radius-bottomright: 6px !important;
    -webkit-border-bottom-left-radius: 6px !important;
    -webkit-border-bottom-right-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}

button,
input.button,
input.textbox,
input.invalid_field,
input.valid_field,
select,
textarea,
.editor_control_bar,
blockquote,
.codeblock,
fieldset,
.pm_alert,
.red_alert,
.popup_menu,
.postbit_buttons > a,
a.button {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.post.classic .post_author {
    -moz-border-radius: 0 6px 6px 0;
    -webkit-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
}

.popup_menu .popup_item_container:first-child .popup_item {
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.popup_menu .popup_item_container:last-child .popup_item {
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.pagination a {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.pollbar {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

/* Media Query für Responsive*/

@media (max-width: 500px) {
    .smalltext {font-size: 0.79em;}
    .smalltextohne {display: none;}
    .subforumicon {display: none;}
    td .star_rating {display: none;}
    .star_rating {display: none;}
    .tfoot {}
    .tfixed {table-layout: inherit;}
    .post .post_author div.author_statistics { display: none; }
    .forum_legend {display: none;}
    .wrapper {width: 100%;}
    ul.thread_tools {display: none;}
    #panel .upper {padding: 2px;}
    #panel .lower ul.user_links li a {
        display: block;
        font-weight: bold;
    }
    #footer .upper .language {display: none;}
}

Önizleme:https://i.hizliresim.com/v6vYZD.png
Başlık:myBB Responsive Experiments
Ara
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi



***

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping