كيفية عمل موقع افلام ومسلسلات على استضافة احلى منتدى

<style>

.tabs {

    position: relative;

    margin: 20px auto;

    width: 77%;

    border-radius: 0 0 8px 8px;

    box-shadow: #18299e 0px 10px 0px;

}

 .tabs input {

    position: absolute;

    z-index: 1000;

    width: 150px;

    height: 40px;

    right: 0px;

    top: 0px;

    opacity: 0;

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    filter: alpha(opacity=0);

    cursor: pointer;

}

 .tabs input#tab-2{

    right: 120px;

}

.tabs input#tab-3{

    right: 240px;

}

.tabs input#tab-4{

    right: 360px;

}

.tabs label {

    background: #18299e;

    background: -moz-linear-gradient(top, #18299e 0%, #405BC7 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#18299e), color-stop(100%,#405BC7));

    background: -webkit-linear-gradient(top, #18299e 0%,#189E87 100%);

    background: -o-linear-gradient(top, #18299e 0%,#405BC7 100%);

    background: -ms-linear-gradient(top, #18299e 0%,#405BC7 100%);

    background: linear-gradient(top, #18299e 0%,#405BC7 100%);

    font-size: 15px;

    font-family: 'Droid Arabic Kufi';

    line-height: 40px;

    height: 40px;

    position: relative;

    padding: 0 20px;

    float: right;

    display: block;

    width: 80px;

    color: #FFF;

    letter-spacing: 1px;

    text-transform: uppercase;

    font-weight: bold;

    text-align: center;

    text-shadow: 1px 1px 1px rgba(255,255,255,0.3);

    border-radius: 3px 3px 0 0;

    box-shadow: 2px 0 2px rgba(0,0,0,0.1), -2px 0 2px rgba(0,0,0,0.1);

}

 .tabs label:after {

    content: '';

    background: #fff;

    position: absolute;

    bottom: -2px;

    right: 0;

    width: 100%;

    height: 2px;

    display: block;

    color:#000;

}

.tabs input:hover + label {

    background: #405BC7;

}

.tabs label:first-of-type {

    z-index: 4;

    box-shadow: 2px 0 2px rgba(0,0,0,0.1);

}

.tab-label-2 {

    z-index: 3;

}

.tab-label-3 {

    z-index: 2;

}

.tab-label-4 {

    z-index: 1;

}

.tabs input:checked + label {

    background: #fff;

    z-index: 6;

    color: #2F60AD;

}

.tabs input:checked + label {

    background: #fff;

    z-index: 6;

    color: #2F60AD;

}

.clear-shadow {

    clear: both;

}

.content01 {

    background: #DDDFFD;

    position: relative;

    width: 100%;

    height: 400px;

    z-index: 5;

    box-shadow: 0 -2px 3px -2px rgba(9,74,63,1.0), 0 2px 2px rgba(9,74,63,1);

    border-radius: 0 3px 3px 3px;

}

 .content01 div {

    position: absolute;

    top: 0;

    right: 0;

    padding: 10px 40px;

    z-index: 1;

    opacity: 0;

    -webkit-transition: opacity linear 0.1s;

    -moz-transition: opacity linear 0.1s;

    -o-transition: opacity linear 0.1s;

    -ms-transition: opacity linear 0.1s;

    transition: opacity linear 0.1s;

}

 .tabs input.tab-selector-1:checked ~ .content01 .content-1, .tabs input.tab-selector-2:checked ~ .content01 .content-2, .tabs input.tab-selector-3:checked ~ .content01 .content-3,.tabs input.tab-selector-4:checked ~ .content01 .content-4 {

    z-index: 100;

    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    filter: alpha(opacity=100);

    opacity: 1;

    -webkit-transition: opacity ease-out 0.2s 0.1s;

    -moz-transition: opacity ease-out 0.2s 0.1s;

    -o-transition: opacity ease-out 0.2s 0.1s;

    -ms-transition: opacity ease-out 0.2s 0.1s;

    transition: opacity ease-out 0.2s 0.1s;

}

.content01 div h2,.content01 div h3{

    color: #18299e;

    font-family: 'Droid Arabic Kufi';

}

.content01 div p {

    font-size: 14px;

    line-height: 22px;

    font-style: italic;

    text-align: right;

    margin: 0;

    color: #777;

    padding-right: 15px;

    font-family:'Droid Arabic Kufi';

    border-right: 8px solid rgba(110,243,220, 1.);

}

/* tooltip auto all link */

 a.tooltip {

    position: relative;

}

a.tooltip::before {

    content: attr(data-tooltip);

    font-size: 12px;

    position: absolute;

    z-index: 999;

    white-space: nowrap;

    bottom: 9999px;

    left: 0;

    background: rgba(0, 0, 0, 0.7);

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -mos-border-radius: 5px;

    color: #e0e0e0;

    padding: 0px 7px;

    line-height: 24px;

    height: 24px;

    opacity: 0;

}

a.tooltip:hover::before {

    opacity: 1;

    top: 22px;

}

a.tooltip:hover::after {

    content: "";

    opacity: 1;

    width: 0;

    height: 0;

    border-left: 5px solid transparent;

    border-right: 5px solid transparent;

    border-bottom: 5px solid black;

    z-index: 999;

    position: absolute;

    white-space: nowrap;

    top: 17px;

    left: 50%;

}





.bg:hover {

background: #969494;

}

.box {

background: #c6c6c6;

border-radius: 20px;

color: black;

text-align: right;

padding: 15px;

border-bottom: 5px solid #18299e;

width: 70%;

}

.box:hover {

border-bottom: 5px solid #09A9B4;

transition: 0.5s;

}

.box h1 {

color: #18299e;

margin-top : -10px;

}

.box h1:hover {

color: #09A9B4;

transition: 0.5s;

}

.flm {

padding: 10px;

}

</style>

<center>

            <title> منتدى أفلام | مشاهدة مشاهدة فيلم مش انا HD حصريا </title>         

    <div class="box">

                         

        <h1>

                     مشاهدة فيلم مش انا HD        

        </h1>

                           

        <div class="tx">

                   حيث يُصاب حسن بحالة غريبة تفقده السيطرة على يده، فيصبح مع مرور الوقت ضحية العديد من الموقف الصعبة والمحرجة، بينما يرفض كل من حوله تصديق حالته.         

        </div>

                         

    </div>

</center>

<center>

                     

    <div class="tabs">

             <input id="tab-1" name="radio-set" class="tab-selector-1" checked="checked" type="radio" />  <label for="tab-1" class="tab-label-1" data-scroll-reveal="enter right after 1s over 1s">الاول</label>  <input id="tab-2" name="radio-set" class="tab-selector-2" type="radio" />  <label for="tab-2" class="tab-label-2" data-scroll-reveal="enter top after 1s over 1s">الثاني</label>  <input id="tab-3" name="radio-set" class="tab-selector-3" type="radio" style="left: 333px" />  <label for="tab-3" class="tab-label-3" data-scroll-reveal="enter bottom after 1s over 1s">الثالث</label>  <input id="tab-4" name="radio-set" class="tab-selector-4" type="radio" />  <label for="tab-4" class="tab-label-4" data-scroll-reveal="enter left after 1s over 1s">الرابع</label>     

        <div class="clear-shadow">

                 

        </div>

                

        <div class="content01">

                      

            <div class="content-1">

                         <iframe style="width: 640px; height: 360px;" allowfullscreen="" allow="autoplay" frameborder="0" src="//ok.ru/videoembed/2588374993662"></iframe>       

            </div>

                      

            <div class="content-2">

                       هنا كود السيرفر الثاني        

            </div>

                      

            <div class="content-3">

                   هنا كود السيرفر الثالث    

            </div>

                      

            <div class="content-4">

                         هنا كود السيرفر الرابع        

            </div>

                    

        </div>

             

    </div>

                     

</center>

[h2][center]مشاهدة فيلم مش انا HD [/center]

[/h2]



[center][img]https://i.servimg.com/u/f93/15/47/21/99/18112510.jpg[/img][/center]



[center][size=24][color=#0000ff][b]مشاهدة فيلم مش انا HD [/b][/color][/size][/center]



[center][size=16]حيث يُصاب حسن بحالة غريبة تفقده السيطرة على يده، فيصبح مع مرور الوقت ضحية العديد من الموقف الصعبة والمحرجة، بينما يرفض كل من حوله تصديق حالته.

[/size][/center]



[center][size=16][b][url=https://iinkor.com/h4-mesh_ana_movie][img]https://i.servimg.com/u/f93/15/47/21/99/9614.png[/img][/url][/b][/size][/center]