Attention:

Support Rules and Guidelines
Before you post your support topic, please remember to:
  • Read the support forum rules.
  • Check the wiki and use search to see if your problem can be answered there first.
  • Link your board please, and make sure that the problem on your board is visible to guests or provide a test account.
  • Do not post Board Wrappers and CSS unless requested. With a board link, this is not necessary.
  • Be as descriptive as you can and use as many details as possible when describing your problem.
  • Please briefly mark any links to forums that may not be work-safe.
This will help ensure your support issue will be attended to in a quick and efficient manner.

  ClosedNew TopicNew Poll

 Glitch affecting forum layout [SOLVED]
#
Up until yesterday evening, my forum Daydream Nation was working just fine. Last night I loaded it up and the layout of the forum has gone haywire.

Click Here for how the forum layout should look.

These following pictures are how it looks now. Our sidebar is underneath, the control panel strip has disappeared and our topbar table is in so much disarray it's unbelieveable.

http://prntscr.com/7wf702

http://prntscr.com/7wf7ne

http://prntscr.com/7wf7u5

http://prntscr.com/7wf80o

The real confusion is that some people have reported that the site's ok now which suggests it might be a glitch but it's affecting some people and not others. I personally can't get it to work properly on Chrome or Firefox but one of my other admins have said it's working for them on Chrome, another tells me it's working for them generally. However another member says it's still loading weirdly for them too.

At least two of us have looked at the wrappers. I put our wrappers on word and reinstalled the original ones, adding our parts over the placeholder sections but it's making no difference and so I'm thinking it's a glitch.

I was just wondering if there's been any reports of similar situations because this is just freaky.

Any advice/help would be great.
PM
#
I'm using Chrome, and it seems fine to me. I would imagine it might have something to do with the CFS; you should try rehosting all scripts your site is referencing, to be sure. For instance: http://elegantexpressions.us/black/cfs.min.js

signature
Kindly do not contact me on Discord or PM me for support.

user posted image
#
How do I rehost them?
PM
#
First, save the file onto your computer. Then, log into your Admin CP > JFH Resources > File Manager > then you can upload it under "File Creation" - you can use this place to host images for your wrappers and other stuff too, that way if whoever is hosting your stuff currently goes down you won't be effected by it.

signature
Kindly do not contact me on Discord or PM me for support.

user posted image
#
Oh I see, thanks.

The only problem is I don't know how to save the script as a file, I only have a couple of small codes.
PM
#
Just right-click on this link:

http://elegantexpressions.us/black/cfs.min.js

Click "save link as."

signature
email: admin@jcink.com :: blog: John C.
#
Thanks.

Unfortunately it didn't work. It looks like I might have to wait for my comp to decide to let it load, or go with another skin. I'll give it a couple more days.
PM
#
The forum looks messed up to me, so it's not your computer. I see a lot of incorrect comments in the HTML: </----WELCOME PICTURE 200x200 or otherwise square----/> like this. This could be causing some of your issues. It's hard to say, but try going through and fixing each one. </----WELCOME PICTURE 200x200 or otherwise square----/> should be:

<!-- WELCOME PICTURE 200x200 or otherwise square -->

Anything other style of HTML commenting is incorrect.

signature
email: admin@jcink.com :: blog: John C.
#
Thanks for trying but it's still pretty much the same.

Here's our wrappers coding to show the HTML

CODE
<!DOCTYPE html>
<html>
<head> <link href='http://fonts.googleapis.com/css?family=Poiret+One|Josefin+Slab|Sacramento|Gruppo' rel='stylesheet' type='text/css'>
<script src="http://elegantexpressions.us/black/cfs.min.js"></script>
<% CSS %>
<% JAVASCRIPT %>
</head>
<body>
<div id="wrapper">
<div id="yh1">
<div class="yh7"><!-- |avatar| --><div class="yh8"><!-- |name| --></div></div>
<div class="yh3">

<!-- ADMINs -->
<div class="yh2"><div style="height:5px;"></div><center>
<table><tr><td><div id="yab">

<img src="http://i.imgur.com/FfGQdMW.png">
<div class="yab2"><br><br><br><br><br><br><br><br><br>
<a href="http://daydreamnation.jcink.net/index.php?showuser=1"><b>Louise</b><br><br>Admin</a>

</div></div></td><td><div id="yab">

<img src="http://i.imgur.com/xfZXXjh.jpg">
<div class="yab2"><br><br><br><br><br><br><br><br><br>
<a href="http://daydreamnation.jcink.net/index.php?showuser=4"><b>Mei</b><br>Mod</a>

</div></div></td><td><div id="yab">

<img src="http://i.imgur.com/lWx9ekF.jpg">
<div class="yab2"><br><br><br><br><br><br><br><br><br>
<a href="http://daydreamnation.jcink.net/index.php?showuser=9"><b>Nano</b><br>Graphics<br>Mod</a>



</div></div></td></tr></table></centeR></div>

<div class="yh4">

<!-- UPDATES -->
<center><b>updates</b></center>
<div align="right">22/06/2015 - We've officially opened!</div><p>
<div align="left">27/06/2015 - We are now in Summertime (June-August)</div><p>
<div align="right">20/07/2015 - We've lowered our word count to 250 words</div><p>


</div><div class="yh5">
<!-- RATIOS -->
<center><b>ratios</b></center>
Student - 007 <br>
Academy Staff - 001 <br>
Actor - 002 <br>
Musician - 001 <br>
Backstage - 000 <br>
Model - 001 <br>
Media - 001 <br>
Socialite - 002 <br>
Misc - 006 <br>

<center><b>credits</b></center>
This skin (& Mini Profile) was made by YunoTheNinetales.

<!-- AWARDS -->
</div><div class="yh6"><marquee onmouseover="this.stop();" onmouseout="this.start();"><table><tr>
<td><img src="http://placehold.it/100x100/" style="height:100px;"></td>
<td><img src="http://placehold.it/100x100/" style="height:100px;"></td>
<td><img src="http://placehold.it/100x100/" style="height:100px;"></td>
<td><img src="http://placehold.it/100x100/" style="height:100px;"></td>
<td><img src="http://placehold.it/100x100/" style="height:100px;"></td>
<td><img src="http://placehold.it/100x100/" style="height:100px;"></td>
</tr></table></marquee></div></div></div><div id="yunolinks">

<!-- LINKS -->
<a href="http://daydreamnation.jcink.net/index.php?showtopic=1">Rules</a>
<a href="http://daydreamnation.jcink.net/index.php?showtopic=2">Plot</a>  
<a href="http://daydreamnation.jcink.net/index.php?showtopic=4">Applications</a>
<a href="http://daydreamnation.jcink.net/index.php?showtopic=5">Faces</a>
<a href="http://daydreamnation.jcink.net/index.php?showtopic=6">Directory</a>
<a href="http://daydreamnation.jcink.net/index.php?showtopic=15">Adverts</a><br>


</div><div id="innerwrapper">
<div id="navi">
<% NAVIGATION %>
</div>
<div id="board"><% BOARD %></div>
<script>
customIndex.init({
page: "<!-- |input_act| -->",
html: "<center><div id='yf1'><table><tr><td><center><div class='ynam'>{%link}</div><div id='desc1'>{%description}<br>{%subforumlist}</div></center></td><td><table><tr><td><table><tr><td><div class='yft'>{%topics}</div></td><td><div class='yfp'>{%replies}</div></td></tr></table><div class='ylp'>{%lp-title} by {%lp-author}</div></td></table></td></tr></table></div></center>",
conf: {
target:   "board",
subforumSeperator: " ",
subforumNone:  " ",
addBefore:  false,
addAfter:  false,
dateDefault:  "--",
titleDefault:  "----",
authorDefault:  "---"
}
});
customStats.init({
html: "<div id='holdstat'><div class='newmem'>Welcome to SITE NAME, {%stats#newest}</div><div class='statimgg'></div><div class='statlione'>Online Now:<br>{%users#list}</div><div class='statlitwo'>Online Today:<br>{%online-today#list}</div><div class='statn1'><div class='statla'>Posts</div>{%stats#posts}</div><div class='statn2'><div class='statla'>Members</div>{%stats#members}</div><div class='statn3'><div class='statla'>Online Today</div>{%online-today#total}</div><div class='statn4'><div class='statla'>Online Now</div>{%users}</div><div class='statn5'><div class='statla'>Guests</div>{%users#guests}</div></div>"
});
</script><div style="height:20px;"></div>


<% BOARD HEADER %>
<div id="skin_selector">
<% SKIN_SELECTOR %>
</div><centeR><div class="ycred"><a href="http://shine.jcink.net/index.php?showuser=11688">yunotheninetales</a></div></center>
<% COPYRIGHT %>
<script type="text/javascript">
<!--// Word Counter v.001
if(document.REPLIER.Post) ({
$: function() {
var _x = document.REPLIER.Post.parentNode;
var _y = document.createElement("input");
_y.type = "text"; _y.readOnly = "true";
_y.className = "forminput"; _y.id = "words";
_x.appendChild(document.createElement("br"));
_x.appendChild(document.createElement("br"));
_x.appendChild(_y); this._count_words();
document.REPLIER.Post.onkeyup = document.REPLIER.Post.onfocus = document.REPLIER.Post.onblur = this._count_words;
},
_count_words: function() {
var _z = 0, _words = document.REPLIER.Post.value.split(/\s/g);
for(var i = 0; i < _words.length; i ++) {
if(_words[i].length >= 1) _z ++;
}
document.getElementById("words").value = _z + " word" + (_z == 1 ? "" : "s");
}
}).$();
// Created by Beta -->
</script>  

</div>
</div><div id="chatter">
<center><div style="height:20px;"></div>


<div id="ys1">

<!-- WELCOME PICTURE 200X200 or otherwise square -->
<img src="http://i57.tinypic.com/x2jwp3.jpg" style="width:200px;">

<div class="ys2">

Welcome to Daydream Nation. We are an intermediate, 250wc rpg set in sunny Los Angeles, following the lives of the rich and famous as they populate the world with their charm, beauty and filthy-rich lifestyles following an elite education at the prestigious Beverley Rose Academy for rich kids. With a programme that caters for the troubled side of financial security and a need to please the wealthy benefactors, what kind of preparation will this place give to those impressionable young minds?


<!-- AFFILIATE BUTTON SLOTS -->
</div></div><div style="height:35px;"><marquee onmouseover="this.stop();" onmouseout="this.start();">
<table><tr>
<td><a href=""><img src="http://placehold.it/88x33/"></a></td>
<td><a href=""><img src="http://placehold.it/88x33/"></a></td>
<td><a href=""><img src="http://placehold.it/88x33/"></a></td>
<td><a href=""><img src="http://placehold.it/88x33/"></a></td>
<td><a href=""><img src="http://placehold.it/88x33/"></a></td>
<td><a href=""><img src="http://placehold.it/88x33/"></a></td>
<td><a href=""><img src="http://placehold.it/88x33/"></a></td>
<td><a href=""><img src="http://placehold.it/88x33/"></a></td>
<td><a href=""><img src="http://placehold.it/88x33/"></a></td>
<td><a href=""><img src="http://placehold.it/88x33/"></a></td>
</tr></table></marquee></div><p>


<a href="http://rpg-directory.com/"><img src="http://rpg-directory.com/images/affiliate.png"></a><a href="http://cttw.jcink.net/"><img src="http://i.imgur.com/UK6A6En.png"></a><br>

<a href="http://z10.invisionfree.com/Shadowplay/index.php?act=idx"><img src="http://i53.tinypic.com/1z21vzk.jpg"></a><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php"><img src="http://i.imgur.com/A2LQu3E.png"></a><br>

<a href="http://cbeautiful.b1.jcink.com/index.php?"><img src="http://i37.photobucket.com/albums/e57/kuronuekourmie/circus%20rpg/468468468.jpg"></a><a href="http://shine.b1.jcink.com/index.php?"><img src="http://shine.b1.jcink.com/uploads/shine/adbutton/button.png"></a><br>

<a href="http://adoxographyv2.boards.net/"><img src="http://s26388.storage.proboards.com/5606388/i/Ggwp2BL9n8Xji_z5j5U4.png" title="Adoxography 2.0"></a><a href="http://rpads.b1.jcink.com" target="blank"><img src="http://i40.tinypic.com/15347tg.png"></a><br>

<a href='http://tributegames.jcink.net'><img src='http://i.imgur.com/QhnVwgV.png' alt='The Tribute Games' /></a><a href="http://ravenfall.jcink.net/" title="Join Ravenfall now! - a multi-centric resource and friendly community for artists!" target="_blank"><img src="http://i.imgur.com/FSHTG5E.png" alt="Ravenfall"/></a><br>


<br>


<br><br>

Our Statics<br><br>
We're allowing ten for now so it's first come, first served. <br>
<a href="http://z13.invisionfree.com/Magical_Bonds/index.php?act=idx"_blank"><img src="http://i210.photobucket.com/albums/bb158/Twillightsky/RP/MBaff.gif" alt="Magical Bonds: an AU Marauder’s era RP"></a>
<a href="http://starsandshields.jcink.net/index.php?act=idx"><img src='http://i210.photobucket.com/albums/bb158/Twillightsky/Affiliate.gif'></a><br>
<a href=""><img src="http://placehold.it/88x33/"></a>
<a href=""><img src="http://placehold.it/88x33/"></a><br>
<a href=""><img src="http://placehold.it/88x33/"></a>
<a href=""><img src="http://placehold.it/88x33/"></a><br>
<a href=""><img src="http://placehold.it/88x33/"></a>
<a href=""><img src="http://placehold.it/88x33/"></a><br>
<a href=""><img src="http://placehold.it/88x33/"></a>
<a href=""><img src="http://placehold.it/88x33/"></a><br><br>


Our Scrolling<br><br>

<marquee height="33" onmouseover="this.stop()" onmouseout="this.start()" direction="left" scrollamount="3" style="Filter:Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=30, FinishX=0, FinishY=0);">

<a href=""><img src="http://placehold.it/88x33/"></a>
<a href=""><img src="http://placehold.it/88x33/"></a>
<a href=""><img src="http://placehold.it/88x33/"></a>

</marquee>

<br><br>

Topsite links (if you want to vote for us, please do!) <br><br>

<!-- data banner code begin -->
<a href="http://rplovers.gotop100.com/in.php?ref=525" target="_blank">
<img src="http://rplovers.gotop100.com/lists/rplovers/custombanners/40560.jpg" border="0" width="88" height="31" alt="RP Lovers"> </a>
<!-- data banner code end -->

<br><br><br>


<br>

<!-- BEGIN CBOX - www.cbox.ws - v4.3 -->
<div id="cboxdiv" style="position: relative; margin: 0 auto; width: 200px; font-size: 0; line-height: 0;">
<div style="position: relative; height: 380px; overflow: auto; overflow-y: auto; -webkit-overflow-scrolling: touch; border:#FFE0F8 1px solid;"><iframe src="http://www5.cbox.ws/box/?boxid=881363&boxtag=kghb62&sec=main" marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" scrolling="auto" allowtransparency="yes" name="cboxmain5-881363" id="cboxmain5-881363"></iframe></div>
<div style="position: relative; height: 120px; overflow: hidden; border:#FFE0F8 1px solid; border-top: 0px;"><iframe src="http://www5.cbox.ws/box/?boxid=881363&boxtag=kghb62&sec=form" marginheight="0" marginwidth="0" frameborder="0" width="100%" height="100%" scrolling="no" allowtransparency="yes" name="cboxform5-881363" id="cboxform5-881363"></iframe></div>
</div>
<!-- END CBOX -->  





<script type='text/javascript'>
<!--// add colors to dropdown at post page
// Created by Stefan (aka ticlo) of Ifskinzone
n = 0
addColors = new Array()

// add colors here
addColors[n++] = 'Aqua'
addColors[n++] = 'Aquamarine'
addColors[n++] = 'Beige'
addColors[n++] = 'Black'
addColors[n++] = 'Blue'
addColors[n++] = 'Blueviolet'
addColors[n++] = 'Cadetblue'
addColors[n++] = 'Chartreuse'
addColors[n++] = 'Cornflowerblue'
addColors[n++] = 'Crimson'
addColors[n++] = 'Cyan'
addColors[n++] = 'Darkblue'
addColors[n++] = 'Darkcyan'
addColors[n++] = 'Darkgreen'
addColors[n++] = 'Darkmagenta'
addColors[n++] = 'Darkolivegreen'
addColors[n++] = 'Darkorange'
addColors[n++] = 'Darkred'
addColors[n++] = 'Darksalmon'
addColors[n++] = 'Darkseagreen'
addColors[n++] = 'Darkslateblue'
addColors[n++] = 'Darkslategray'
addColors[n++] = 'Darkturquoise'
addColors[n++] = 'Darkviolet'
addColors[n++] = 'Deeppink'
addColors[n++] = 'Deepskyblue'
addColors[n++] = 'Dimgray'
addColors[n++] = 'Dodgerblue'
addColors[n++] = 'Firebrick'
addColors[n++] = 'Fuchsia'
addColors[n++] = 'Forestgreen'
addColors[n++] = 'Goldenrod'
addColors[n++] = 'Green'
addColors[n++] = 'Greenyellow'
addColors[n++] = 'Hotpink'
addColors[n++] = 'Indianred'
addColors[n++] = 'Indigo'
addColors[n++] = 'Khaki'
addColors[n++] = 'Lawngreen'
addColors[n++] = 'Lightblue'
addColors[n++] = 'Lightcoral'
addColors[n++] = 'Lightgreen'
addColors[n++] = 'Lightgrey'
addColors[n++] = 'Lightpink'
addColors[n++] = 'Lightsalmon'
addColors[n++] = 'Lightseagreen'
addColors[n++] = 'Lightskyblue'
addColors[n++] = 'Lightslategray'
addColors[n++] = 'Lightsteelblue'
addColors[n++] = 'Lime'
addColors[n++] = 'Limegreen'
addColors[n++] = 'Magenta'
addColors[n++] = 'Maroon'
addColors[n++] = 'Mediumaquamarine'
addColors[n++] = 'Mediumblue'
addColors[n++] = 'Mediumorchid'
addColors[n++] = 'Mediumpurple'
addColors[n++] = 'Mediumseagreen'
addColors[n++] = 'Mediumslateblue'
addColors[n++] = 'Mediumspringgreen'
addColors[n++] = 'Mediumturquoise'
addColors[n++] = 'Mediumvioletred'
addColors[n++] = 'Midnightblue'
addColors[n++] = 'Navy'
addColors[n++] = 'Olive'
addColors[n++] = 'Olivedrab'
addColors[n++] = 'Orange'
addColors[n++] = 'Orangered'
addColors[n++] = 'Orchid'
addColors[n++] = 'Palegreen'
addColors[n++] = 'Paleturquoise'
addColors[n++] = 'Palevioletred'
addColors[n++] = 'Peachpuff'
addColors[n++] = 'Peru'
addColors[n++] = 'Pink'
addColors[n++] = 'Plum'
addColors[n++] = 'Powderblue'
addColors[n++] = 'Purple'
addColors[n++] = 'Red'
addColors[n++] = 'Rosybrown'
addColors[n++] = 'Royalblue'
addColors[n++] = 'Saddlebrown'
addColors[n++] = 'Salmon'
addColors[n++] = 'Sandybrown'
addColors[n++] = 'Seagreen'
addColors[n++] = 'Sienna'
addColors[n++] = 'Silver'
addColors[n++] = 'Skyblue'
addColors[n++] = 'Slateblue'
addColors[n++] = 'Slategray'
addColors[n++] = 'Springgreen'
addColors[n++] = 'Steelblue'
addColors[n++] = 'Tan'
addColors[n++] = 'Teal'
addColors[n++] = 'Thistle'
addColors[n++] = 'Tomato'
addColors[n++] = 'Turquoise'
addColors[n++] = 'Violet'
addColors[n++] = 'White'
addColors[n++] = 'Yellow'
addColors[n++] = 'YellowGreen'

if (document.forms['REPLIER'] && document.forms['REPLIER'].fcolor) {
e = document.REPLIER.fcolor.options
for (n = 0; n < addColors.length; n++) {
no = e[e.length] = new Option(addColors[n], addColors[n])
no.style.color = addColors[n]
}}
// -->
</script>


</center></div>
</body>
</html>
PM
#
CODE
<% SKIN_SELECTOR %>
</div><centeR><div class="ycred"><a href="http://shine.jcink.net/index.php?showuser=11688">yunotheninetales</a></div></center>


It's a long shot, but my console is complaining about the <centeR> tag - it's got a capital R instead of a lowercase R. Sometimes browsers can be really strict about that sort of thing, even varying between browser versions.

This post has been edited by disco before the breakdown: Jul 25 2015, 01:42 PM
PM
#
Aww thanks so much for trying everyone. It's a real mystery but the other admins and I have decided to set up a new skin, a more sophisticated one for the site's plot so hopefully that'll be the end of our skin problems

I really appreciate all the advice and suggestions though.
PM
#
This topic has been solved. If you need anymore help please post a new thread. Thanks for choosing Jcink services.

signature

user posted image
YouTube | Email: crystal@jcink.com | Blog: Seriously Lacqueing
DeviantArt
0 User(s) are reading this topic (0 Guests and 0 Anonymous Users)
0 Members:
Share this topic:
« Next Oldest | General Support | Next Newest »

Options ClosedNew TopicNew Poll