Keyarn
Weezy I just want you to find out what he use to do it maybe he use javascript to do it or table form which i dont know
Weezy
Keyarn Copy all the css stylesheets used by eaglenet on his forum page though most of them are included in header and footer files
<link type="text/css" rel="stylesheet" href="http://eaglenet.xtgem.com/xtforum_template.css"/>
<link type="text/css" rel="stylesheet" href="http://eaglenet.xtgem.com/global_stylesheet.css?v=1471749762"/>
<link rel="stylesheet" href="http://eaglenet.xtgem.com/blog/css/mobile.css"/>
<link rel="stylesheet" href="http://eaglenet.xtgem.com/blog/style.css"/>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="http://eaglenet.xtgem.com/css/styles.css">
<link rel="stylesheet" href="http://eaglenet.xtgem.com/blog/eaglenet_blog.css"/>
<style>
body,html,.Header,.Header table,.Header form{padding:0;margin:0;width:100%}
.Header *{background:#d20808;color:fff;border:0;}
.Header ul{list-style:none;margin:0;padding:0;width:100%}.Header li.inl{list-style-type:none;display:inline;}
.Header li{list-style-type:none;display:none;}
.Header li a{color:#fff!important;display:inline-block;padding:2px;margin:1px}
.Header a[href="http://eaglenet.xtgem.com/forum/index"]{background:#ccc}
.Header input[type="search"]{background-color:#fff;display:inline-block;width:100%;heigth:100%}
.Header input[type="submit"]{background:#c33;border:1px solid #c2c1c1;}
.Header td{margin:1px;padding:1px}
</style>
<style>
#myfoot{display:none}
.footer_file{
background:#2d2d2d; text-align:center;
font-size:10px; padding:10px 0 0 0;
margin-top:10px;}
.footer_file a{
display:block;
padding:5px;
color:#fffffff;
font-size:10px;}
.footer-file .list-inline a:link{color:#888!important}
.footer_file a:hover{
background:#8C8C8C;
color:#000000;}
.bot-bar{font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
position:relative;
background:#1d1d1d;
border-top:1px solid #3d3d3d;
padding:10px;
color:#aaa;}
.foot_lnks{text-align:left;
padding-right:10px;
margin:0px 5px 5px 5px;
float:left;}
.foot_lnks li{display:solid;
border-bottom:1px dotted #696969;}
.foot_lnks a{display:block;
padding:5px;
color:#ffffff;
font-size:10px;}
.foot_lnks a:hover{display:block;
background:#525252;
color:#ffffff;
text-decoration:none;}
.foot_big_lnks{text-align:left;
margin-top:10px;}
.foot_big_lnks a{display:block;
padding:5px;
color:#A1A1A1;
font-size:18px;
font-weight:bold;}
.foot_big_lnks a:hover{background:#FFB90F;
color:#000000;
text-decoration:none;}
.acc_info{margin:10px 10px 5px 5px;
font-size:16px;}
.acc_info a{display:block;
padding:5px;
color:#009cff;
font-size:18px;}
.acc_info a:hover{background:#525252;
color:#ffffff;text-decoration:none;}
.foot_heading{font-size:14px;
font-weight:bold;
color:#FFB90F;
margin-bottom:10px;}
.mob_clear_both{clear:both;}
@media(min-width:799px){
.mob_clear_both{clear:none;
display:none;} }
.foot_lnks{float:left;
text-align:left;
margin:0px 60px 10px 5px;}
.foot_big_lnks{float:left;
text-align:left;
margin-top:30px;
margin-left:15px;}
.acc_info{float:right;
margin:10px 2px 5px 0px;
font-size:16px;}
.page-footer a{color:inherit}
.footer_file ul{list-style:none}
.footer_file li{list-style-type:none}
#onl img{display:none}
</style>
<style>
.search{margin:0 5px 10px 0;}
.search form{border:none;margin:0;padding:1px 5px;}
.search input[type="search"]{background:inherit;border:1px solid #3d3d3d;padding:5px 25px 5px 10px;color:#fff;}
.search input[type=image],
.search img{position:absolute;right:5px;top:4px;width:20px;height:20px;
border:none;cursor:pointer;}
.search img,.search input[type="text"],
.search input[type="submit"]{
outline:none;}
</style>
Copy code
Copy all the javascripts used on the page, most of them might be irrelevant to what u are looking for but just apply all on the page and check for the effects!
<script>
var navNo = document.querySelectorAll("li.nav_list");
for(i=0;i<6;i++){navNo[i*4].style.display="inline";}
</script>
<iframe id="ajax" name="ajax" style="width:1px;height:1px;visibility:hidden;border:0;"></iframe>
<!--script
/* Forum Member Icons*/
//member Icons
var icon = document.querySelectorAll("a[href*='/u/']");
for(i=0;i<icon.length;i++){
var lcon= document.createElement("img");
lcon.setAttribute("src", "/forum/icon/Mem.png"); lcon.setAttribute("class","icon");
icon[i].appendChild(lcon);}
//Remove Member Icons
var licon = document.querySelectorAll("a[href*='Lordeagle'] img.icon,a[href*='STRIKELORD'] img.icon,a[href*='jamaica'] img.icon,a[href*='MAGIKLORD'] img.icon,a[href*='lilkrix'] img.icon");
for(i=0;i<licon.length;i++){
licon[i].style.display="none";}
//Admin Icon
var Admn = document.querySelectorAll("a[href*='Lordeagle']");
for(i=0;i<Admn.length;i++){
var Adcn= document.createElement("img");
Adcn.setAttribute("src", "/forum/icon/lord_icon.png");
Adcn.setAttribute("class","admin");
Admn[i].appendChild(Adcn);}
//Mods Icon
var Mods = document.querySelectorAll("a[href*='STRIKELORD'],a[href*='jamaica'],a[href*='MAGIKLORD'],a[href*='lilkrix']");
for(i=0;i<Mods.length;i++){
var ModsIcon = document.createElement("img");
ModsIcon.setAttribute("src","/forum/icon/admins.png");
ModsIcon.setAttribute("class","Mods");
Mods[i].appendChild(ModsIcon);
}
-->
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<script type="text/javascript">
var dvc = "mobile";
if(dvc=="mobile"){document.getElementById("Footer").style.display="none";}</script>
<script>
//Handling Subdomains
(function(l){var r=l.href,s=r.indexOf(".eaglenet"),p=r.slice(7,s).split("."),f="";for(i=p.length-1;i>=0;i--){if(p[i]=="www"){continue;}f+="/"+p[i];}if(s!=-1&&p!="www"){l.assign("http://eaglenet.xtgem.com"+f+l.pathname);} }(location));</script>
<script>
//Fb Comments Box
(function(d){var CMTs = d.getElementById("cmts").innerHTML;d.getElementById("chatt_msg").innerHTML= CMTs;}(document));
(function(d){var prs = d.getElementsByTagName("link");for(i=0;i<prs.length;i++){prs[i].title=d.title;} }(document));</script><script>
//Alert
(function(d){var lfran= d.getElementById("view"],lfra=lfra.getElementsByTagName("meta")[0];
lfra.parentNode.className="alert alert-success";}(document));</script>
<script>
//ADS
(function(d,s,n,m,c,e){var g=d.querySelectorAll("body>div,div.post,[id='post'],div.lordeagle,div.post-container,div.product,div.full,div.zxfourborder,div.category,div.board,div.thread,.pagination,.pager,form,table[width='100%'],iframe"),l=g.length;
for(i=0;i<11;i++){var mac=d.createElement(c),mas=d.createElement(s),mal=d.createElement("a"),Img=d.createElement("img");mac.className=e;mas.src=n;mas.type=n;mal.href="/blog";Img.src="";Img.alt='please call me for hook up! (meet yourSuger mummy,sugar daddy,sugar son and sugar daughter)now.';mal.appendChild(Img);mac.appendChild(mal);mac.appendChild(mas);
var j=(i+1)*6;if(j>l){break;}
g[j].appendChild(mac);} }(document,"script","/blog","text/javascript","div","mydd"));
</script>
Copy code
Keyarn
Weezy Thanks but it still not working am Greatfull i found some usefull things in the script you drop thanks and if you still know another way plz teach me
Weezy
Keyarn Maybe he's supporting the forum css with twig but refuse to disclose it!
Keyarn
Weezy Plz weezy how do i host this kind of page in my site plz i need the tutorial b/c i dont know how to host it all i know is that you use file list
http://weezywap.xtgem.com/Wapmasta/css
Weezy
Keyarn Sorry, its a copyrighted content, i authored it, can't share it unless u copy it by yourself!
Keyarn
Weezy Thats my question b/c its beyond source code viewer. Xo where and how will i copy it?
Weezy
Keyarn How dyu mean its beyond source viewer? Have u tried source coding it??
