آموزش قرار دادن اطلاعیه زیبا

شروع موضوع توسط FaRhAd ‏6 می 2012 در انجمن آموزش های وی بولتین

  1. FaRhAd

    FaRhAd کاربر جدید

    تاریخ عضویت:
    ‏29 دسامبر 2011
    ارسال ها:
    98
    تشکر شده:
    0
    سلام
    امروز میخوام آموزشی بزارم که اختصاصی هستش
    و کدهاشو از سایته خودم میزارم خودتون ویرایش کنید و کدهای مد نظرتونو قرار بدین

    ابتدا به قالبها-->جستجو--> aditional.css بروید و کد زیر را به انتهای آن اضافه کنید:
    PHP:
    .welcomeBody {
    background:#f7f6da;
    border:1px solid #e9c20c;
    color:#7f663a;
    font-size:11px;
    line-height:22px;
    padding:5px 14px;
    -
    webkit-border-radius8px;
    -
    moz-border-radius8px;
    border-radius8px
     
    text-align:center;} 

    .
    z1 .t22, .z1 .i1, .z1 .b0 .ttlborder1px solid #F3E372;
     
    background#FEFCB8; background: -webkit-gradient(linear, left top, left bottom, from(#FEFCB8), to (#F3E372)); 
    background: -moz-linear-gradient(top#FEFCB8, #F3E372); */ } 
    .b0{ } .b0 .t22, .b0 .ttlfloat:right
    margin:0 15px -10px 0display:inline
    text-shadow:1px 1px 1px #FFF; color:#000; 
    positionrelativez-index2overflow:hidden; } 
    .
    b0 .t22 span, .b0 .ttl spandisplay:blockpadding:0 10pxline-height:30px; } 
    .
    b0 .t22 span.transition background:-moz-linear-gradient(right bottomrgba(255255255020%, rgba(2552552550.3535%, 
    rgba(2552552550.6550%,
     
    rgba(2552552550.3565%, 
    rgba(255255255080%);
     
    background:-webkit-gradient(linearright bottom,
     
    left topcolor-stop(20%, rgba (2552552550)),
     
    color-stop(35%, rgba(2552552550.35)), color-stop(50%, rgba (2552552550.65)),
     
    color-stop(65%, rgba(2552552550.35)),
     
    color-stop(80%, rgba (2552552550)));
     
    display:blockheight:30pxposition:absolute;
     
    right:-160pxtop:0width:100%; } 
    .
    b0:hover .t22 span.transitionright:160px/* CSS animations */ -moz-transition:all 0.6s ease-out;
     -
    webkit-transition:all 0.6s ease-outtransition:all 0.6s ease-out; } .b0 .ttlmargin20px -20px 10px 0; }
     .
    b0 .ttl spanwidth120pxtext-aligncenter; }
     .
    b0 ulclearboth; } .b0 .i1clear:bothpadding:20px 10px 10px 10px
    text-align:rightline-height:18pxpositionrelative
    -
    moz-border-radius10px
    -
    webkit-border-radius10pxborder-radius10px; } 
    .
    b0 .t22, .b0 .i1, .b0 .ttlborder1px solid #C0C0C0; 
    background#E0E0E0; 
    background: -webkit-gradient(linearleft topleft bottom
    from(#E0E0E0), to (#C0C0C0));
     
    background: -moz-linear-gradient(top#E0E0E0, #C0C0C0); */ zoom:1; }
     
    .z1 .t22, .z1 .i1, .z1 .b0 .ttlborder1px solid #F3E372;
     
    background#FEFCB8; 
    background: -webkit-gradient(linearleft topleft bottom
    from(#FEFCB8), to (#F3E372)); 
    background: -moz-linear-gradient(top#FEFCB8, #F3E372); */ } 
    .b0 .t22, .b0 .ttl, .progress, .progress 
    .pbar{ -moz-border-radius5px; -webkit-border-radius5pxborder-radius5px; }
     .
    lg1 .t22, .lg1 .i1, .lg1 .b0 .ttlborder1px solid #E4E4E4;
     
    background#F4F4F4;
    /*******: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0A284B', endColorstr='#135887');*/ 
    background: -webkit-gradient(linearleft topleft bottom
    from(#F4F4F4), to(#E4E4E4)); 
    background: -moz-linear-gradient(top#ffff66, #E4E4E4); } .b0 .ico{ float:left; margin: 0 0 -45px 10px; position: relative; z-index: 2; } 
    حالا این کد را در هر جایی که دوست دارید نشون بده قرار بدین
    من در قسمت فروم هوم قرار دادم

    PHP:
    <div class="b0 z1">                

        <
    div class="t22"><span>اطلاعیه انجمن</span></div>                
    <
    img class="ico" src="http://tehtvu.ir/forum/upload/uploaded/1_01330662799.png" alt="لوگوی ما" />
        <
    div class="i1" style="direction:rtl;">
    <
    center>





    <
    head>
    <
    meta http-equiv="Content-Language" content="fa">

    </
    head>

    <
    table border="1" width="70%" style="border-width: 0px">
        <
    tr>
            <
    td style="border-style: none; border-width: medium">
            <
    p dir="rtl" align="right"><b>
            <
    font face="Tahoma" color="#008000" style="font-size: 8pt">اطلاعیه های انجمن<br>
            </
    font><font face="Tahoma" color="#008000" style="font-size: 2pt">&nbsp;</font></b></p>
            <
    p dir="rtl"><font face="Tahoma" style="font-size: 8pt">
            <
    font color="#008000"></font>

            <
    a href="https://s3.amazonaws.com/com.alexa.toolbar/atbp/q2UvE7/download/index.htm">        دانلود تولبار الکسای سایت</a><br>

    <
    a href="http://tehtvu.ir/forum/upload/showthread.php?t=91&p=309#post309">
            <
    font color="#008000"></font>نحوه ساخت جزوات بصورت نوشتاری و تصویری<br>
    <
    a href="http://tehtvu.ir/forum/upload/showthread.php?t=84&p=282#post282">
            <
    font color="#008000"></font>نظر سنجی در مورد انتخاب نام جدید سایت<br>
    <
    a href="http://tehtvu.ir/forum/upload/forum.php"><font color="#008000"></font>       به زودی...</a><br>
            </
    span><font face="Tahoma" style="font-size: 8pt"><font color="#008000">
            
    </fontبه زودی..</font></td>
            <
    td style="border-style: none; border-width: medium">
            <
    p dir="rtl" align="right"><b>
            <
    font face="Tahoma" color="#0000FF" style="font-size: 8pt">جزوات درسی سایت<br>

            </
    font><font face="Tahoma" color="#0000FF" style="font-size: 2pt">&nbsp;</font></b></p>
            <
    p dir="rtl"><font face="Tahoma" style="font-size: 8pt">
            <
    font color="#0000FF"></font><a href="http://tehtvu.ir/forum/upload/showthread.php?t=100&p=351#post351"اصول حسابداری 2</a><br>

            <
    font color="#0000FF"></font><a href="http://tehtvu.ir/forum/upload/showthread.php?t=96&p=348#post348">فارسی 1 </a><br>

            <
    font color="#0000FF"></font><a href="http://tehtvu.ir/forum/upload/showthread.php?t=101&p=352#post352"اقتصاد خرد</a><br>

            <
    font color="#0000FF"></font><a href="http://tehtvu.ir/forum/upload/showthread.php?t=99&p=350#post350"آمار 1</a><br>
        
            <
    font color="#0000FF"></font><a href="http://tehtvu.ir/forum/upload/showthread.php?t=97&p=349#post349"معارف 2</a><br>

            <
    font color="#0000FF"></font><a href="http://tehtvu.ir/forum/upload/showthread.php?t=108&p=380#post380"حسابرسی </a></td>

            <
    td style="border-style: none; border-width: medium">
            <
    p dir="rtl" align="right"><b>
            <
    font face="Tahoma" color="#FF0000" style="font-size: 8pt">لیست مدیران سایت
            
    <br>
            </
    font><font face="Tahoma" color="#FF0000" style="font-size: 2pt">&nbsp;</font></b></p>
            <
    p dir="rtl"><font face="Tahoma" color="#FF0000" style="font-size: 8pt">
            
    ○ <a href="http://tehtvu.ir/forum/upload/member.php?u=1">مدیر کل سایت(AdMiNفرهاد</a><br>

            <
    a href=""> <font color="#FF0000"></font>به زودی...</a><br>
            
     <
    a href=""><font color="#FF0000"></font>به زودی...</a></br>

    <
    a href=""><font color="#FF0000"></font>به زودی...</a><br / >

            </
    span><font face="Tahoma" style="font-size: 8pt"><font color="#FF0000">
            
    </font><font color="#663300"به زودی..</font></td>
        </
    tr>
    </
    table>



    <!-- 
    Code ha inja -->
    </
    center>
    </
    div></div>

    <
    br/>

        </
    div>
    تمام شد
    حالا صفحه رو یه رفش کنید و اطلاع رسان زیبا رو ببینید:134:
    موفق باشید
     

    پیوست ها:

    • 01.png
      01.png
      اندازه فایل:
      کیلوبایت 27
      نمایش ها:
      29
  2. farshid1371

    farshid1371 کاربر جدید

    تاریخ عضویت:
    ‏9 آوریل 2012
    ارسال ها:
    73
    تشکر شده:
    0
    واقعا عالی و کاربردی بود استفاده کردیم.:60: