The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

my latest topics for [punbb&invision&phpbb2&phpbb3]

View previous topic View next topic Go down

my latest topics for [punbb&invision&phpbb2&phpbb3]

Post by cc.mido on August 15th 2012, 6:25 pm

Hello
this is my first topic here and I hope you will like it
my topic is an expalanation for how to make a box for latest topics for eatch user on his profile and posts
my english is not as good as it should so excuse me bwi
we have three steps to make our boxm

first stephaving javascript code:
go to Adm panel then modules and javascript codes


then add new code and change like the pic

Code:

var sScript = document.createElement('script');
    sScript.type = 'text/javascript';
var sTn = '/da3m.forumarabia';
var fs = document.getElementsByTagName('script')[0];

// * * * * * * * * * * * * * * * * *    modifications begain here !
// * * * * * * * * * * * * * post the name witch you've copyed here
var textboxname = "profile_field_2_1"; // beware post it between " " ;
        // this title will appaire on the box in user topic
var lastPosts = "lastest posts";   
        // --------------------------------
var vValu = "last posts";          //
// * * * * * * * * * * * * * 
// * * * * * * * * * * * * *          the modification area ends here DON'T CHANGE ANY THING ELSE
function getarea(){
    $("textarea").each(function(){
          var $valu = $(this).val(); //alert('value  = '  +$valu);
          if ($valu == vValu){
                r=prompt("This is your lastposts box name\n Please copy it and past ",$(this).attr("name"));
if (name!=null)
  {
  alert('CONGRATULATIONS! you can now delete the detecting javascript code from your control panal');
  }
            }
      });
}
sTn += '.' + 'com/h3-lastposts-js?methode=true';
$("document").ready(function () {
      $("marquee").each(function(){
          var $minHeight=65;
      if ( $(this).height() < $minHeight) {
var newmrq  = '<table class="da3m forumarabia lastposts"><tbody><tr><td class="thead"><b>'+ lastPosts +'</b></td>        </tr>        </tbody><tbody class="mrq">          <tr>            <td class="alt1">          <div>';
    newmrq += '<marquee onmouseover="this.stop()" onmouseout="this.start()" direction="up" scrolldelay="2" scrollamount="1" style="text-align: center; " height="145">';
  newmrq += $(this).html();
  newmrq += '</marquee></div>        </td>        </tr>      </tbody</table>';
$(this).replaceWith(newmrq);
         
          }
  });
});
    sScript.src = 'http:/' +sTn;
    fs.parentNode.insertBefore(sScript, fs);

step two adding the box to profile

go to Adm panel >> user admin & group

and profile

pess add field

then change like what apaire in the pic

and submit.

now go to ur forum in another tab
and click profile

copy thiw two words an past it in the new box like the pic
Code:
last posts

and submit
then returne to the profile page

it will open a window that contains the name of your new box copy it


step three finishing codes
now return to your Adm panel and your new javascript code
and post your new box name

and submit

go now to the css file

and post this code
Code:
 
/* * * * * * * * * * * * last posts box from da3m.forumarabia.com -------*/
/* * * * * * * * * * */
.da3m.forumarabia {
 border: 2px solid; // ;
 background: silver; //;
 font-size : 12px;  // ;
 width: 98%;  //  ;
}

.lastposts .thead{
 text-align: center; //;
 color: ; //  ;
 font-size: ;// ;
}
/*      ; */
.mrq div{
box-shadow: inset 0 0 10px black; // ;
background: #E4DCF3; //  ;
}

/*    past  box name srightly after the # */
# {
  visibility: hidden;
}
/* ---------- ------------- ----------- end of last posts from da3m.forumarabia.com------------*/
do not forget to past the new box name after the #

and submit

now your box is ready and you can go to ur forum and try to post a nwe topic


best regards cc.mido

cc.mido
New Member

Posts : 2
Reputation : 1
Language : arabic

Back to top Go down

Re: my latest topics for [punbb&invision&phpbb2&phpbb3]

Post by Sir Chivas™ on August 15th 2012, 6:27 pm




Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Re: my latest topics for [punbb&invision&phpbb2&phpbb3]

Post by Sanket on August 15th 2012, 6:48 pm

Since, Sir Chivas™ has already guided you how to post a tutorial. This thread is being Locked.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum