Help - Search - Members - Calendar
Full Version: submitting s2 livejournal layouts
Forums > News and Announcements > Feedback > Resolved Feedback Topics
Mulder
Mar 26 2006, 07:47 PM
i just recently discovered that there is no way to submit s2 (new system) livejournal layouts. all the coding is in a .css file. i was asking dani (libertie) how i would go about submitting s2 layouts, and she told me that there really is no way to do it with the current system. i could just take a screenshot and clearly write that the preview does not show how the layout actually works, but that still leaves the question of how to submit the layout. i could just put the css in the overrides box, and in the description mention that they need to create a .css file, put the contents of the box in it, upload it somewhere, and copy the url to the file, choose the layout, and paste the URL it in "external style sheet url" under /customize - edit customizations and tell them to check the box saying "override default", but that might all just be a bit too confusing. and i know that cb likes to host all images/files on their servers..

so.. i think there should at least be an upload section for the .css file.

if not a completely different submitting category for s2 layouts.
Libertie
Mar 26 2006, 08:30 PM
That would make things a lot easier.. It'd be nice if there was a way for them to work in the preview, but even just being able to upload the css would be nice.

I think, though, that if this is implemented, there needs to be a seperate category for LJ S2 layouts so there is no confusion.
Indiscriminate Soul
Jun 3 2006, 07:13 PM
I think I have a way about this without having a separate section for S2 layouts. People submitting S2 layouts can first create an index file on their own webserver/host. In the comments section, they can input the url for the index, and a ZIP file for the layout. The user can click on the index file to view the preview, and the createblog people can upload the image files and CSS file from the ZIP file, unzip it, make modifications to that then post that.
Indiscriminate Soul
Jun 4 2006, 11:16 AM
Here's an example index:

CODE
<!DOCTYPE html
         PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Reflections of my life...</title>  

<!--
  * For createblog person skinning this layout:
  * This is a template for the "Smooth Sailing" layout
  * Below is the stylesheet. You can insert the stylesheet in place of the <link> tag.
  * Just type <style type=text/css> and insert the style info and close it with </style>
  * Don't worry about disabling any hyperlinks.
    The only ones that actually work are the link to livejournal and createblog
  * The only other thing that needs to be edited is the text area where the entry text is.
    I made a note below so you can find it easily.
  * You can figure it out from there.
//-->
<link title="Smooth Sailing Default" rel="stylesheet" href="lj_001style.css" type="text/css" />

</head>
<body>
<a name="top"></a>
<div class="pageblock">
  <div class="pageheaderblock">
      <div class="header-title">Ambiguous Reflections</div><DIV class="header-menu"><ul><li><a href="#">Previous 10 Entries</a></li><li><a href="#">Recent Entries</a></li><li><a href="#">Archive</a></li><li><a href="#">Friends Entries</a></li><li><a href="#">User Info</a></li><li><a href="#">Memories</a></li><li><a href="#">Periscopic Dome</a></li></ul></div>

  </div> <!--pageheaderblock-->
  
    <div class="bodyheaderblock">
        <div class="body-title">Recent Entries&nbsp;</div>
    </div>
  <div class="bodyblock"><table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td valign="top"  width="200px"><div class="sidebar">
    <div class="sidebox">
    
      <div class="sideboxTitle">Profile</div>

      
      <div class="sideboxContent" id="profile">
        <div><a href="#"><img src="" alt="INSERT USER PIC HERE" width=100px height=100px border="0" class="profile-userpic"/></a></div>
        <div><span class="profile-label">User: </span><span class="profile-content"><span class='ljuser' style='white-space: nowrap;'><a href='#'><img src='http://stat.livejournal.com/img/userinfo.gif' alt='[info]' width='17' height='17' style='vertical-align: bottom; border: 0;' /></a><a href='#'><b>Username</b></a></span></span></div>
        <div><span class="profile-label">Name: </span><span class="profile-content">Indiscriminate</span></div>
        
       </div> <!--sidebox-profile-->
    
    </div> <!-- sidebox -->

    
    <div class="sidebox">
    
      <div class="sideboxTitle">Page Summary</div>
      <div class="sideboxContent" id="summary">
      <div class="summaryList"><b>&middot;&nbsp;</b><a href="#">Subject 1</a>[+1]</div>
      <div class="summaryList"><b>&middot;&nbsp;</b><a href="#">Subject 2</a>[+9]</div>  
      <div class="summaryList"><b>&middot;&nbsp;</b><a href="#">Subject 3</a></div>  
      <div class="summaryList"><b>&middot;&nbsp;</b><a href="#">Subject 4</a>[+5]</div>  
      <div class="summaryList"><b>&middot;&nbsp;</b><a href="#">Subject 5</a></div>  
      <div class="summaryList"><b>&middot;&nbsp;</b><a href="#">Subject 6</a></div>  
      <div class="summaryList"><b>&middot;&nbsp;</b><a href="#">Subject 7</a>[+32]</div>  
      <div class="summaryList"><b>&middot;&nbsp;</b><a href="#">Subject 8</a></div>  
      <div class="summaryList"><b>&middot;&nbsp;</b><a href="#">Subject 9</a></div>  
      <div class="summaryList"><b>&middot;&nbsp;</b><a href="#">Subject 10</a></div>      
      </div> <!--sidebox-summary -->
    </div> <!-- sidebox -->
    <div class="sidebox">
    
      <div class="sideboxTitle">Latest Month</div>
      <div class="sideboxContent" id="latestmonth">
          <table cellspacing="0" cellpadding="0">

              <tr><td colspan="7" align="center"><a href="#">February 2006</a></td></tr>
              <tr><td colspan="3"></td><td width="14.28%"><div class="latestmonth-inactive">1</div></td><td width="14.28%"><div class="latestmonth-inactive">2</div></td><td width="14.28%"><div class="latestmonth-inactive">3</div></td><td width="14.28%"><div class="latestmonth-inactive">4</div></td></tr><tr><td width="14.28%"><div class="latestmonth-inactive">5</div></td><td width="14.28%"><div class="latestmonth-inactive">6</div></td><td width="14.28%"><div class="latestmonth-inactive">7</div></td><td width="14.28%"><div class="latestmonth-inactive">8</div></td><td width="14.28%"><div class="latestmonth-inactive">9</div></td><td width="14.28%"><div class="latestmonth-active"><a href="#">10</a></div></td><td width="14.28%"><div class="latestmonth-inactive">11</div></td></tr><tr><td width="14.28%"><div class="latestmonth-inactive">12</div></td><td width="14.28%"><div class="latestmonth-inactive">13</div></td><td width="14.28%"><div class="latestmonth-inactive">14</div></td><td width="14.28%"><div class="latestmonth-inactive">15</div></td><td width="14.28%"><div class="latestmonth-inactive">16</div></td><td width="14.28%"><div class="latestmonth-inactive">17</div></td><td width="14.28%"><div class="latestmonth-inactive">18</div></td></tr><tr><td width="14.28%"><div class="latestmonth-inactive">19</div></td><td width="14.28%"><div class="latestmonth-inactive">20</div></td><td width="14.28%"><div class="latestmonth-inactive">21</div></td><td width="14.28%"><div class="latestmonth-inactive">22</div></td><td width="14.28%"><div class="latestmonth-inactive">23</div></td><td width="14.28%"><div class="latestmonth-inactive">24</div></td><td width="14.28%"><div class="latestmonth-inactive">25</div></td></tr><tr><td width="14.28%"><div class="latestmonth-inactive">26</div></td><td width="14.28%"><div class="latestmonth-inactive">27</div></td><td width="14.28%"><div class="latestmonth-inactive">28</div></td><td colspan="4"></td></tr>

          </table>
      </div>
    </div> <!-- sidebox -->
    
    <div class="sidebox">
    
      <div class="sideboxTitle">Categories of Interest</div>
      <div class="sideboxContent" id="tags_sidebox"><a href="#">articles</a>,
        <a href="#">diary</a>, <a href="#">dreams</a>,
        <a href="#">events</a>, <a href="#">memories</a>,
        <a href="#">miscellaneous</a>, <a href="#">story</a></div>

    </div> <!-- sidebox -->
    
    <div class="sidebox">
    
      <div class="sideboxTitle">Links</div>
      
    <div class="sideboxContent" id="systemlinks">
    <div class="listitem"><a href="http://www.livejournal.com" target="_blank">Livejournal</a></div>
    <div class="listitem"><a href="http://www.createblog.com" target="_blank">Createblog</a></div><div class="listitem"></div>

    </div> <!--sidebox-systemlinks-->
    
    </div> <!-- sidebox -->
    </div> <!--sidebar--></td><td valign="top"  width=100%>
    <a name=""></a>    
    <div class="entryHolder">
        <div class='entryHeader'><span class="entryHeaderDate">10th-Feb-2006 04:24 pm</span><span class="entryHeaderSubject"> - Subject 1</span><span class="entryHeaderTags"> [<a href="#">articles</a>]</span></div><table width=100% cellpadding=0 cellspacing=0 border=0><tr valign=top><td><div class="entryText">


<!--START EDIT HERE-->

******************************

Here's where Createblog user can insert text about the layout etc.
TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT TEXT

******************************

<!--/END EDIT HERE-->


</div></td></tr><tr><td colspan=2>    
          <div class="entryLinkbar"><ul>
          <li><a href="#">Speak</a></li><li><a href="#">Link</a></li><li><a href="#">Remember</a></li>
          </ul></div> <!-- entryLinkbar -->
          </td></tr></table>
    </div> <!-- entryHolder -->
    <div class="bodynavblock" id="footer-menu"><ul><li><a href="#">Previous 10 Entries</a></li><li><a href="#top">Top of Page</a></li></ul></div><!--bodynavblock--></td></tr></table></div> <!--bodyblock--><div class="pagefooterblock">This page was loaded Feb 11th 2006, 11:04 pm GMT.</div></div> <!--pageblock-->

</body>
</html>


Here's the link to see it in preview:
http://www.geocities.com/midori_hitomi13/l...j_001index.html
Indiscriminate Soul
Jun 6 2006, 12:40 PM
Other people can submit templates for other S2 layouts. Of course, this would only work if more people participated. I realize this process may be time consuming. Any sort of feedback would be nice.

Thanks for your time once again.
Indiscriminate Soul
Jun 6 2006, 01:21 PM
I guess not many people use Livejournal now a days anyways. This is sad. Not many people are willing to work for S2 layouts simply because of the complexity of it all. Well. I tried. It seems as though reviving a once dead topic wasn't such a good idea. Some things there are no reasons for, but this one I can plainly see the reason.
incoherent
Jun 6 2006, 04:37 PM
wow, no need to post 4 times. people will see this if they're interested.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.