[Addon] UCP Notepad 1.3.1

[Jaymie1989]

Ok try this

Open: UCP_Notepad.html
Find:

Code: Select all

<!-- INCLUDE ucp_header.html -->

Add After:

Code: Select all

<link rel="stylesheet" type="text/css" href="{T_THEME_PATH}/ucp_notepad.css" />

Then refresh your template, theme and then purge your cache and then your browsers cache

[JeRicHoOL]

Doesn't work.

ucp_notepad.css

Code: Select all

#mod_note {
width: 98%;
padding: 5px;
border: 1px solid ;
background-color: #030303;
}

#mod_note:focus {
border: 1px solid #FF6600;
}

#save-done-msg {
padding: 5px;
border: solid 1px #FF6600;
}


I tried the following versions...

ucp_notepad.html

Code: Select all

<!-- INCLUDE ucp_header.html -->
<link rel="stylesheet" type="text/css" href="{T_THEME_PATH}/ucp_notepad.css" />
<style type="text/css">
#mod_note {
width: 98%;
padding: 5px;
border: 1px solid;
background-color: #030303;
}

#mod_note:focus {
border: 1px solid #FF6600;
}

#save-done-msg {
padding: 5px;
border: solid 1px #FF6600;
}
</style>

<h2>{L_UCP_NOTEPAD}</h2>

<div class="panel">
   <div class="inner"><span class="corners-top"><span></span></span>
   
   <div id="ucp-notepad">
      <p>{L_UCP_NOTEPAD_EXPLAIN}</p>
         <!-- IF S_SAVE_DONE --><p id="save-done-msg"><strong>{L_UCP_NOTEPAD_SAVE_DONE}</strong></p><!-- ENDIF -->
      <p>
         <form action="{NOTEPAD_FORM_PROCESSOR}" method="post">
            <textarea id="mod_note" name="ucp-note" rows="5" cols="76">{NOTEPAD_TEXT}</textarea><br />
            <span>
               <br /><input class="button1" type="submit" name="ucp-note-save" value="{L_UCP_NOTEPAD_SAVE}" />
            </span>
         </form>
      </p>   
   </div>

   <span class="corners-bottom"><span></span></span></div>
</div>

<!-- INCLUDE ucp_footer.html -->

Code: Select all

<!-- INCLUDE ucp_header.html -->
<link rel="stylesheet" type="text/css" href="{T_THEME_PATH}/ucp_notepad.css" />

<h2>{L_UCP_NOTEPAD}</h2>

<div class="panel">
   <div class="inner"><span class="corners-top"><span></span></span>
   
   <div id="ucp-notepad">
      <p>{L_UCP_NOTEPAD_EXPLAIN}</p>
         <!-- IF S_SAVE_DONE --><p id="save-done-msg"><strong>{L_UCP_NOTEPAD_SAVE_DONE}</strong></p><!-- ENDIF -->
      <p>
         <form action="{NOTEPAD_FORM_PROCESSOR}" method="post">
            <textarea id="mod_note" name="ucp-note" rows="5" cols="76">{NOTEPAD_TEXT}</textarea><br />
            <span>
               <br /><input class="button1" type="submit" name="ucp-note-save" value="{L_UCP_NOTEPAD_SAVE}" />
            </span>
         </form>
      </p>   
   </div>

   <span class="corners-bottom"><span></span></span></div>
</div>

<!-- INCLUDE ucp_footer.html -->

[Jaymie1989]

I am lost to why its not working, I have no problems with it.

Ill ask a Styles Team Member when one is online, If they can take a look

[Jaymie1989]

Question: Which style are you using?

Can you just make sure you dont this

Open: styles/theme/stylesheet.css

Find:

Code: Select all

@import url("colours.css");

Add After:

Code: Select all

@import url("ucp_notepad.css");

[JeRicHoOL]

Yea, I did that already as I started to install the mod. So the problem can't be in there.

phpBB 3.0.3
BlackSmoke 1.0.0 (prosilver)

Download: http://www.jerichool.com/BlackSmoke1.0.0.zip
Demo: http://www.white-fusion.com/dev/index.php?style=14

[Sniper_E]

I had the BlackSmoke style installed for the chat layout.
Here is a BlackSmoke template I threw together real quick - prosilver/template/ucp_notepad.html

This is the original template altered for the BlackSmoke style.

Spoiler:

Code: Select all

<!-- INCLUDE ucp_header.html -->

<style type="text/css">
#mod_note {width: 98%; padding: 5px; border: 1px solid rgb(204, 204, 204); background-color: rgb(249, 255, 162); width: 95%;}
#mod_note:focus {border: 1px solid #000;}
#save-done-msg {padding: 5px; border: solid 1px #000;}
</style>

      <ul class="outer-cat">
        <li class="top-cat">
           <dl class="cat-container">
              <dd class="cat-left">{L_UCP_NOTEPAD}</dd>
              <dd class="cat-text"></dd>
              <dd class="cat-right"></dd>
            </dl>
        </li>
      </ul>      

      <div class="forabg">
         <div class="inner">
         <ul class="topiclist">
            <li class="header">
               <dl class="icon">
                  <dt>{L_UCP_NOTEPAD_EXPLAIN}</dt>
               </dl>
            </li>
         </ul>
         <ul class="topiclist forums">
            <li class="row">
               <dl class="icon">
                  <dt>
                  <!-- IF S_SAVE_DONE --><p id="save-done-msg"><strong>{L_UCP_NOTEPAD_SAVE_DONE}</strong></p><!-- ENDIF -->
                  <p>
                     <form action="{NOTEPAD_FORM_PROCESSOR}" method="post">
                     <textarea id="mod_note" name="ucp-note" rows="5" cols="76">{NOTEPAD_TEXT}</textarea><br />
                     <span>
                     <br /><input class="button1" type="submit" name="ucp-note-save" value="{L_UCP_NOTEPAD_SAVE}" />
                     </span>
                     </form>
                  </p>   
               </dt>
            </dl>
         </li>
      </ul>
         <span class="corners-bottom"><span></span></span></div>
      </div>

<!-- INCLUDE ucp_footer.html -->

You may have to change some classes or maybe some of this layout. But see what this does for you in that style.

[Jaymie1989]

So by taking the CSS out of that html file and doing

Open: styles/theme/stylesheet.css

Find:

Code: Select all

@import url("colours.css");

Add After:

Code: Select all

@import url("ucp_notepad.css");

Would that get the CSS working or would you have to insert the CSS link to the CSS file? I thought it dont it automatically but now im not to sure, Purely because how does the HTML file know to look for a CSS?

[JeRicHoOL]

I had the BlackSmoke style installed for the chat layout.
Here is a BlackSmoke template I threw together real quick - prosilver/template/ucp_notepad.html

This is the original template altered for the BlackSmoke style.

Spoiler:

Code: Select all

<!-- INCLUDE ucp_header.html -->

<style type="text/css">
#mod_note {width: 98%; padding: 5px; border: 1px solid rgb(204, 204, 204); background-color: rgb(249, 255, 162); width: 95%;}
#mod_note:focus {border: 1px solid #000;}
#save-done-msg {padding: 5px; border: solid 1px #000;}
</style>

      <ul class="outer-cat">
        <li class="top-cat">
           <dl class="cat-container">
              <dd class="cat-left">{L_UCP_NOTEPAD}</dd>
              <dd class="cat-text"></dd>
              <dd class="cat-right"></dd>
            </dl>
        </li>
      </ul>      

      <div class="forabg">
         <div class="inner">
         <ul class="topiclist">
            <li class="header">
               <dl class="icon">
                  <dt>{L_UCP_NOTEPAD_EXPLAIN}</dt>
               </dl>
            </li>
         </ul>
         <ul class="topiclist forums">
            <li class="row">
               <dl class="icon">
                  <dt>
                  <!-- IF S_SAVE_DONE --><p id="save-done-msg"><strong>{L_UCP_NOTEPAD_SAVE_DONE}</strong></p><!-- ENDIF -->
                  <p>
                     <form action="{NOTEPAD_FORM_PROCESSOR}" method="post">
                     <textarea id="mod_note" name="ucp-note" rows="5" cols="76">{NOTEPAD_TEXT}</textarea><br />
                     <span>
                     <br /><input class="button1" type="submit" name="ucp-note-save" value="{L_UCP_NOTEPAD_SAVE}" />
                     </span>
                     </form>
                  </p>   
               </dt>
            </dl>
         </li>
      </ul>
         <span class="corners-bottom"><span></span></span></div>
      </div>

<!-- INCLUDE ucp_footer.html -->

You may have to change some classes or maybe some of this layout. But see what this does for you in that style.

Didn't work. Could it be that a path which leads to the ucp_notepad.html file is missing? I never had any problems with CSS in HTML.
I'm gonna recheck the file edits another time when I'm back from work.

[Jaymie1989]

Could it be that a path which leads to the ucp_notepad.html file is missing?

If that was the case then the Tab for the UCP Notepad would not open

[Sniper_E]

Didn't work. Could it be that a path which leads to the ucp_notepad.html file is missing? I never had any problems with CSS in HTML.
I'm gonna recheck the file edits another time when I'm back from work.

It sounds like you need to get this working first with the original files.

I was thinking that this ucp_notepad.html template pulls up in your UCP pages.
You may not need that special template for BlackSmoke.

Why don't you go back over the install and put everything back to the original install of this and show a screen shot.
Let's see where your problem started and let's see if we can give you a simple solution to what you want done.