اريد كود التوقيع للاعضاء مع سحب لفوق وتحت اذا التوقيع طال

رامي كاتي كتب:انا عندي كود css يجعل التوقيع في اطار كما في الصوره
http://store2.up-00.com/2015-02/1423918973461.png

اخذته من العضو @Michael_vx

هذا

الكود:

 .signature_div  {
    -moz-border-radius-bottomleft:81px;
    -moz-border-radius-bottomright:81px;
    -moz-border-radius-topleft:81px;
    -moz-border-radius-topright:81px;
      border:0px  solid #000000;
    background:
    url();
    background-position:top:1;
    background-repeat: no-repeat;
    display: block;
    overflow: auto;
  width:600px;
    max-height:222px;
    overflow:auto;
    }
 
 
 
 
.postbody .topic-title {
border: none;
color: #000000;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 1.1em;
font-weight: 1;
line-height: 1%;
margin: 0 0 .1em!important;
padding: 1px 0 0;
text-transform: none;
}
 
.postdetails {
color: #ADADAD;
font-size: 10px; 
}
 

ruah كتب:السلام عليكم ورحمه الله وبركاته
اريد كود التوقيع للاعضاء مع سحب لفوق وتحت اذا التوقيع طال

الألحان المرحة كتب:موضوعي السابق
كود عمل عارضة مصعد للتوقيع
في تعليق الأخ @رامي كاتي
إليكِ

رامي كاتي كتب:انا عندي كود css يجعل التوقيع في اطار كما في الصوره
http://store2.up-00.com/2015-02/1423918973461.png

اخذته من العضو @Michael_vx

هذا

الكود:

 .signature_div  {
    -moz-border-radius-bottomleft:81px;
    -moz-border-radius-bottomright:81px;
    -moz-border-radius-topleft:81px;
    -moz-border-radius-topright:81px;
      border:0px  solid #000000;
    background:
    url();
    background-position:top:1;
    background-repeat: no-repeat;
    display: block;
    overflow: auto;
  width:600px;
    max-height:222px;
    overflow:auto;
    }
 
 
 
 
.postbody .topic-title {
border: none;
color: #000000;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 1.1em;
font-weight: 1;
line-height: 1%;
margin: 0 0 .1em!important;
padding: 1px 0 0;
text-transform: none;
}
 
.postdetails {
color: #ADADAD;
font-size: 10px;  
}
  

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

البرق200 كتب:

ruah كتب:السلام عليكم ورحمه الله وبركاته
اريد كود التوقيع للاعضاء مع سحب لفوق وتحت اذا التوقيع طال

ياريت صورة لتوضيح حتى استطيع مساعدتك
...

new.moon كتب:مرحبا اختي

ما هي نسخه المنتدى بالاضافه ضعي رابط احد المواضيع ويظهر في احد الردود توقيع احد ما

new.moon كتب:اختي الموضوع لا يحتوي على توقيع ؟؟

فعلي التوقيع في عضويتك وضعي اي شي في التوقيع ليظهر لي ولاكن ضعي مثلا 3 صور في التعليق كلام في 4 اسطر او اكثر حتى يطبق الكود بسهولة اي اقصد للتجربه

الكود:

 .signature_div  {
    -moz-border-radius-bottomleft:81px;
    -moz-border-radius-bottomright:81px;
    -moz-border-radius-topleft:81px;
    -moz-border-radius-topright:81px;
      border:0px  solid #000000;
    background-position:top:1;
    background-repeat: no-repeat;
  width:600px;
    max-height:222px;
    overflow:auto;
  background: url(http://i68.servimg.com/u/f68/14/58/09/35/signat11.gif);
  text-align: center;
  border: solid #E88C3C 1px;
  border-top-width: 20px;
  background-repeat: no-repeat;

    }
 

الكود:

            .signature_div  {
            -moz-border-radius-bottomleft:8px;
            -moz-border-radius-bottomright:8px;
            -moz-border-radius-topleft:8px;
            -moz-border-radius-topright:8px;
              border:2px  solid #000000;
            background:
            url(http://i.imgur.com/woakCBR.png);
            background-position:top:10;
            background-repeat: no-repeat;
            display: block;
            overflow: auto;
            max-height:200px;
            overflow:auto;
            }

new.moon كتب:تفضلي ضعي الكود في اول ورقه الـcss

الكود:

 .signature_div  {
    -moz-border-radius-bottomleft:81px;
    -moz-border-radius-bottomright:81px;
    -moz-border-radius-topleft:81px;
    -moz-border-radius-topright:81px;
      border:0px  solid #000000;
     background-position:top:1;
    background-repeat: no-repeat;
   width:600px;
    max-height:222px;
    overflow:auto;
  background: url(http://i68.servimg.com/u/f68/14/58/09/35/signat11.gif);
  text-align: center;
  border: solid #E88C3C 1px;
  border-top-width: 20px;
  background-repeat: no-repeat;

    }
  

new.moon كتب:تفضلي ضعي الكود في اول ورقه الـcss

الكود:

 .signature_div  {
    -moz-border-radius-bottomleft:81px;
    -moz-border-radius-bottomright:81px;
    -moz-border-radius-topleft:81px;
    -moz-border-radius-topright:81px;
      border:0px  solid #000000;
     background-position:top:1;
    background-repeat: no-repeat;
   width:600px;
    max-height:222px;
    overflow:auto;
  background: url(http://i68.servimg.com/u/f68/14/58/09/35/signat11.gif);
  text-align: center;
  border: solid #E88C3C 1px;
  border-top-width: 20px;
  background-repeat: no-repeat;

    }
  

new.moon كتب:width: 600px; غيري الرقم لعرض صندوق التوقيع
border: solid #E88C3C 1px; غيري رمز اللون بالي يناسبك
border-top-width: 20px; اللون في الاعلى تتحكمي في ارتفاعه فقط غيري الرقم بما يناسبك
 background: url(https://i.servimg.com/u/f68/14/58/09/35/signat11.gif);

وهذه هو رابط صورة الخلفية

new.moon كتب:width: 600px; غيري الرقم لعرض صندوق التوقيع
border: solid #E88C3C 1px; غيري رمز اللون بالي يناسبك
border-top-width: 20px; اللون في الاعلى تتحكمي في ارتفاعه فقط غيري الرقم بما يناسبك
 background: url(https://i.servimg.com/u/f68/14/58/09/35/signat11.gif);

وهذه هو رابط صورة الخلفية

الكود:

{postrow.displayed.SIGNATURE}

الكود:

<br><br>                                                     <div class="tcat"></div>                            <div class="signature_div">                            <table style="text-align: left;margin-left: auto; margin-right: auto;" class="forumline" border="0"cellpadding="0" cellspacing="1" width="90%" id="table22">                                <tr align="center">                                    <td class="thead" height="25"><B>              <font size="1"><span class="genmed module-title">                                                                     {postrow.displayed.POSTER_NAME} ; توقيع العضو </span>                                         </td>                                </tr>                                <tr>                                    <td class="row1" align="center"><center>                                    <span style="font-size: 18px; line-height: normal;">                                    <font>                                    <div id="sigdiv" class="sigdiv" style="overflow: auto; max-height: 300px;">                                        <br><B><font size="1"><br>                                        {postrow.displayed.SIGNATURE} <br><br><br></font></div>

الكود:

<div align="center">
   <img src="http://i68.servimg.com/u/f68/14/58/09/35/signat11.gif" /> {postrow.displayed.SIGNATURE}
</div>

الكود:

                    .signature_div  {
                    -moz-border-radius-bottomleft:8px;
                    -moz-border-radius-bottomright:8px;
                    -moz-border-radius-topleft:8px;
                    -moz-border-radius-topright:8px;
                      border:2px  solid #000000;
                    background:
                    url();
                    background-position:top:10;
                    background-repeat: no-repeat;
                    display: block;
                    overflow: auto;
                    max-height:200px;
                    overflow:auto;
                    }

Michael_vx كتب:لقد فكرت فى طريقة يفترض ان تجعل الصورة خارج المربع الخاص بالتوقيع كما تريدين
فى القالب viewtopic_body
استبدلى هذه الكلمة  {postrow.displayed.SIGNATURE}
بالكود الاتى

الكود:

<div align="center">
 <img src="http://i68.servimg.com/u/f68/14/58/09/35/signat11.gif" /> {postrow.displayed.SIGNATURE}
</div>

ثم استخدمى نفس الكود الذى ارفقته مسبقا فى ورقة التصميم لكن استبدلى القديم بالجديد هذا بدون الصورة التى بداخل الصندوق

الكود:

                    .signature_div  {
                    -moz-border-radius-bottomleft:8px;
                    -moz-border-radius-bottomright:8px;
                    -moz-border-radius-topleft:8px;
                    -moz-border-radius-topright:8px;
                      border:2px  solid #000000;
                    background:
                    url();
                    background-position:top:10;
                    background-repeat: no-repeat;
                    display: block;
                    overflow: auto;
                    max-height:200px;
                    overflow:auto;
                    }

انتظر الرد بالنتيجة هل هى المطلوبة ام هناك ماهو ناقص
------------------------------------------------------------------------------
 من الان فصاعدا لن اتدخل فى اى موضوع دون وسم اسمى بالموضوع بواسطة
@Michael_vx
شكرا على التفهم

الكود:

<br><br><div class="tcat"></div>
<div class="signature_div">
<table style="text-align: left;margin-left: auto; margin-right: auto;" class="forumline" border="0"cellpadding="0" cellspacing="1" width="90%" id="table22">                                <tr align="center">
<td class="thead" height="25">
<B>
<font size="1">
<span class="genmed module-title">
<img src="http://i68.servimg.com/u/f68/14/58/09/35/signat11.gif" />
<P>
</span></td></tr>
<tr><td class="row1" align="center"><center>
<span style="font-size: 18px; line-height: normal;"><font>
<div id="sigdiv" class="sigdiv" style="overflow: auto; max-width:500px; max-height: 200px;">
<br><B><font size="1"><br>
{postrow.displayed.SIGNATURE}
<br><br><br></font></div>

Michael_vx كتب:تقصدين كود التومبلات ؟
بالرغم انى لست بارعا فى هذا بعد لكن سارى ما يمكننى فعلة
-------- تعديل -----
جربى كود التومبلات هذا

الكود:

<br><br><div class="tcat"></div>
<div class="signature_div">
<table style="text-align: left;margin-left: auto; margin-right: auto;" class="forumline" border="0"cellpadding="0" cellspacing="1" width="90%" id="table22">                                <tr align="center">
<td class="thead" height="25">
<B>
<font size="1">
<span class="genmed module-title">
<img src="http://i68.servimg.com/u/f68/14/58/09/35/signat11.gif" />
<P>
</span></td></tr>
<tr><td class="row1" align="center"><center>
<span style="font-size: 18px; line-height: normal;"><font>
<div id="sigdiv" class="sigdiv" style="overflow: auto; max-width:500px; max-height: 200px;">
<br><B><font size="1"><br>
{postrow.displayed.SIGNATURE}
<br><br><br></font></div>

انتظر الرد بالنتيجة
------------------------------------------------------------------------------
 من الان فصاعدا لن اتدخل فى اى موضوع دون وسم اسمى بالموضوع بواسطة
@Michael_vx
شكرا على التفهم

Michael_vx كتب:فى القالب viewtopic_body
استبدلى هذه الكلمة  {postrow.displayed.SIGNATURE}
بالكود الذى ارفقته اعلاه

Michael_vx كتب:هل قمتى بحذف الاكواد القديمة الخاصة بالتوقيع ؟