Hoşgeldin, Ziyaretçi: Üye Ol
SinemaOvası.Com | Değerli Vaktini Filmlerle Geçirenlere!
Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
İlginç Sistem
Üye
Çevrimdışı
Kullanıcı Bilgileri Göster
Yorum Sayısı: 185
Konu Sayısı: 43
Üyelik Tarihi: 19-01-2019
Rep Puanı: 2
Teşekkürler: 40
25 mesaj içinde 23 teşekkür verildi.

SanalPara (SP): 39.4₺
#1
Big Grin 
İlginç Sistem
https://codepen.io/Shinae/pen/myGNxq
En azından bana öyle geldi :)
Cevapla
Teşekkür verenler: Taifun
Üye
Çevrimiçi
Kullanıcı Bilgileri Göster
Yorum Sayısı: 408
Konu Sayısı: 37
Üyelik Tarihi: 26-08-2018
Rep Puanı: 23
Teşekkürler: 118
96 mesaj içinde 116 teşekkür verildi.

SanalPara (SP): 775.5₺
#2
Bu tam olarak nedir , kısmı kodlar var ?
Edep ile gelen lütuf ile gider...

Bağışta bulunmak için Tıklayınız... :)
Cevapla
Teşekkür verenler:
*
Grafik Ekibi Lideri
Çevrimdışı
Kullanıcı Bilgileri Göster
Yorum Sayısı: 2,109
Konu Sayısı: 376
Üyelik Tarihi: 06-04-2017
Rep Puanı: 70
Teşekkürler: 72
132 mesaj içinde 549 teşekkür verildi.

SanalPara (SP): 1,744.57₺
#3
Responsive temasının geliştirilmiş halimi?
WWW
Cevapla
Teşekkür verenler:
*
Emektar
İzinli
Kullanıcı Bilgileri Göster
Yorum Sayısı: 887
Konu Sayısı: 105
Üyelik Tarihi: 29-07-2014
Rep Puanı: 49
Teşekkürler: 19
7 mesaj içinde 38 teşekkür verildi.

SanalPara (SP): 6.93₺
#4
Bir kişi ekran görüntüsü koyabilir mi? Ofiste ki bilgisayardan göremiyorum da.
WWW
Cevapla
Teşekkür verenler: yusuer
Üye
Çevrimdışı
Kullanıcı Bilgileri Göster
Yorum Sayısı: 185
Konu Sayısı: 43
Üyelik Tarihi: 19-01-2019
Rep Puanı: 2
Teşekkürler: 40
25 mesaj içinde 23 teşekkür verildi.

SanalPara (SP): 39.4₺
#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
Cevapla
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi
Önerilen Bağlantılar
SinemaOvasi.Com
Tema yapımcısı: Metehan Durmuş
Tüm hakları saklıdır. 10TL.Net sistemi için yazılmıştır.


eXpertBoss -


Reliable Magento web hosting on https://certahosting.co.uk page. Click to see prices!