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.

  Add ReplyNew TopicNew Poll

 Edit button don't working
#
Okay, so I'm trying to figure out why the edit button won't work, but I'm out of luck. I read somewhere that it has something to do with the mini profile, but I honestly can't find the issue. Everytime I hover over the button "javascript:void(0); shows up.

https://americanmoney.jcink.net/index.php?act=idx

CODE
<div class="miniee"><!-- |avatar| -->
<div class="minuu">
 <h8>moodboard</h8>
 <img src="<!-- |field_8| -->">
 <img src="<!-- |field_9| -->">
 <img src="<!-- |field_10| -->">
 <img src="<!-- |field_11| -->">
 <img src="<!-- |field_12| -->">
 <img src="<!-- |field_13| -->">
</div>
</div>
</div>
</div>


CODE
/***********************************
Post Row & Mini Profile
************************************/

.postrow-1 {
padding: 40px;
background-color: #E1E3A7;
background-blend-mode: multiply;
background-image: url(https://dreamsky10.com/wp-content/uploads/2017/07/Nature-Wallpaper-tumblr-Beautiful-Nature-Wallpapers-by-md.sopon1_-1.jpg);
background-attachment: fixed;
background-size: cover;
background-position: center;
}

.postrow-2 {
background: rgba(73,84,83,.2);
padding: 20px;
font: 10px/1 helvetica;
display: inline-block;
width: 650px;
min-height: 400px;
}

.postrow-person {
background: rgba(73,84,83,.2);
padding: 30px 20px;
position: relative;
border-bottom: 1px solid #D8D9CA;
}

.postrow-person2 {
position: absolute;
top: 0;
left: 0;
width: 60px;
height: 100%;
background: #D8D9CA;
}

.postrow-person img {
width: 60px;
height: 60px;
border-radius: 50%;
position: relative;
z-index: 2;
border: 4px solid transparent;
padding: 8px;
border-right: 4px solid #D8D9CA;
}

.postrow-2 .actualpost {
background: rgba(255,255,255,.8);
display: block;
padding: 40px;
min-height: 320px;
}

.postrow-1 td {
vertical-align: top;
height: 1px;
}

.miniee {
vertical-align: top;
display: block;
height: 400px;
width: 250px;
padding: 20px 20px 20px 30px;
background: rgba(73,84,83,.2);
height: 100%;
position: relative;
}

.miniee img {
outline: 1px solid white;
outline-offset: -5px;
}

.miniee .minuu {
 opacity: 0;
 position: absolute;
 height: 400px;
 width: 250px;
 top: 20px;
 left: 30px;
 transition: .6s;
 background: rgba(34,34,34,0);
}

.miniee:hover .minuu {
 opacity: 1;
 background: rgba(34,34,34,.6);
 transition: .6s;
}

.miniee .minuu img {
 width: 60px;
 height: 60px;
 outline-offset: 4px;
 margin: 20px 15px;
 position: relative;
 left: 34px;
 top: 20px;
}

.miniee .minuu h8 {
 display: block;
 font: bold 8px/1 calibri;
 text-transform: uppercase;
 letter-spacing: 1px;
 color: white;
 text-align: center;
 padding: 30px 0 10px 0;
 border-bottom: 1px solid white;
 margin: 0 20px 0 20px;
}

.bottompost {
background: rgba(255,255,255,1);
padding: 10px;
text-align: right;
font: bold 8px/1 calibri;
text-transform: uppercase;
letter-spacing: 1px;
color: #999;
border-bottom: 4px solid #D8D9CA;
}

.bottompost lop {
color: #545349;
background: #D8D9CA;
padding: 2px 4px;
}

.postrow-person h1 {
position: absolute;
top: 28px;
left: 120px;
margin: 0;
font: 30px/1 patua one;
text-transform: lowercase;
letter-spacing: -1px;
color: white;
border-bottom: 1px solid #D8D9CA;
padding: 0 8px 10px 8px;
}

.postrow-person h1 a {
color: white;
}

.postrow-person h1 a:hover {
opacity: .8;
}

.dundun-10 {
height: 30px;
background: transparent;
position: absolute;
bottom: 20px;
left: 140px;
}

.dundun-10 poplink {
background: #D8D9CA;
padding: 4px 6px;
font: bold 8px/1 calibri;
text-transform: uppercase;
letter-spacing: 1px;
color: #545349;
}

.linkos {
width: 30px;
height: auto;
background: transparent;
position: absolute;
top: 165px;
right: 270px;
text-align: center;
z-index: 5;
}

.linkos a {
display: block;
color: white !important;
margin-bottom: 20px;
}

.linkos i {
font-size: 13px;
}

.postrow-1 tool {
float: left;
display: inline-block;
}

.postrow-1 tool .button-small {
 background: rgba(34,34,34,.4);
 box-shadow: none;
 font: bold 8px/1 calibri;
 color: white;
 letter-spacing: 1px;
 border-radius: 0;
}

.bottompost a {
color: #545349;
}

.button-small {
 background: #222;
}

.tablepad {
 background-color: #E1E3A7;
 background-blend-mode: multiply;
 background-image: url(https://dreamsky10.com/wp-content/uploads/2017/07/Nature-Wallpaper-tumblr-Beautiful-Nature-Wallpapers-by-md.sopon1_-1.jpg);
 background-attachment: fixed;
 background-size: cover;
 background-position: center;
 padding: 40px;
 color: white;
 font: bold 8px/1 calibri;
 text-transform: uppercase;
 letter-spacing: 1px;
 margin: 0 0 20px 0;
}

.tablepad a {
 color: #999;
 display: inline-block;
 background: white;
 margin: 6px 0 6px 20px;
 padding: 4px 8px;
}

.tablepad .desc {
 font: bold 8px/1 calibri;
 color: white;
 margin: 0;
 padding: 0;
}

.tablepad input[type=checkbox] {
 display: inline-block;
}

.tablepad .forminput {
 background: white;
 box-shadow: none;
 border-radius: 0;
 color: #999;
 font: bold 8px/1 calibri;
 padding: 8px 12px;
 margin: 20px 10px 0 0;
}

.tablepad b {
 font-size: 8px;
 color: white;
}

.tablepad td {
 font: italic bold 8px/1 calibri;
 color: #222;
 padding: 5px;
}

.tablepad td a {
 background: transparent;
 color: white;
 margin: 0;
}

.button-large {
 background: transparent;
 box-shadow: none;
 font: 20px/1 patua one;
 color: #D9D9CA;
 text-transform: uppercase;
 padding: 10px;
 letter-spacing: -1px;
}

input.forminput {
 background: #D9D9CA;
 color: white;
 box-shadow: none;
 border-radius: 0;
 font: bold 8px/2 calibri;
 border: 1.5px solid transparent;
}

.activeuserstrip {
 background: transparent;
 font: bold 8px/1 calibri;
 text-transform: uppercase;
 letter-spacing: 1px;
 color: #777;
 text-align: center;
}

.activeuserstrip a {
 color: #444;
}

.row2 {
 margin: 10px 20px;
 font: bold 8px/1 calibri;
 text-transform: uppercase;
 letter-spacing: 1px;
 color: #999;
 text-align: center;
}

.row4 {
 padding: 20px 10px;
}

.goto-firstunread {
 font: bold 8px/1 calibri;
 text-transform: uppercase;
 letter-spacing: 1px;
 color: #999;
}

.goto-firstunread a {
 color: #999;
}

.pagination .pagination_current { background-color: transparent; }

.tableborder a { color: #999; }

#topy label#imdoingthisforyouessi {
position: absolute;
top: 20px;
left: 20px;
width: 30px;
height: 30px;
background: #999;
transition: .6s;
 z-index: 6;
 border-radius: 50%;
 color: white;
 font-size: 30px;
 text-align: center;
 padding: 0 0 0 0;
 box-sizing: border-box;
 cursor: pointer;
}

#topy label#imdoingthisforyouessi i {
 font-size: 18px;
 margin: 6px 0 0 0;
 display: block;
}

#topy input[type=checkbox] { display: none; }

#topy input[type=checkbox]:checked ~ #narr #woahyauserlinksmantheyfancy {
opacity: 1;
transition: 1s .4s;
}

#topy input[type=checkbox]:checked ~ #narr {
 background-color: #444;
 transition: .6s;
}

#topy input[type=checkbox]:checked ~ label#imdoingthisforyouessi  {
transform: rotate(90deg);
transition: .6s;
}

#cbucks {
 width: 300px;
 height: auto;
 background: rgba(34,34,34,.6);
 position: fixed;
 bottom: 0;
 right: 30px;
 z-index: 20;
 border-radius: 10px 10px 0 0;
 font: bold 8px/1 calibri;
 text-transform: uppercase;
 letter-spacing: 1px;
 color: white;
 padding: 8px 0;
 cursor: pointer;
 transition: .6s;
}

#screech56 input[type=checkbox] {
display: none;
}

#screech56 {
 position: fixed;
 bottom: 0;
 right: 30px;
 z-index: 100;
}

#screech56 input[type=checkbox]:checked ~ label #cbucks {
 bottom: 400px;
 transition: .6s;
}

#screech56 input[type=checkbox]:checked ~ cboxy {
 bottom: 0;
 transition: .6s;
}

#screech56 cboxy {
 width: 300px;
 height: 400px;
 background: rgba(34,34,34,.6);
 display: block;
 position: fixed;
 bottom: -400px;
 right: 30px;
 transition: .6s;
 box-sizing: border-box;
 padding: 20px;
}

#screech56 cboxy a {
 display: inline-block;
 background: rgba(227,227,166,.6);
 margin: 2px 0;
 padding: 6px 0;
 width: 49%;
 color: white;
 font: 7px/1 patua one;
 text-transform: uppercase;
 letter-spacing: 2px;
 transition: .6s;
}

#screech56 cboxy a:hover {
 background: rgba(223,227,166,1);
 transition: .6s;
}

#screech56 linkeeso {
 display: block;
 margin: 0 0 10px 0;
 padding: 10px;
 border: 1px solid #d9d9d9;
}
</div>


CODE
/*******************************
Mini Profile Seperators
*******************************/

.postbit {
border-bottom: solid 1px #C0C0C0;
color: black;
background: #EFEFEF;
font-size: 11px;
       padding: 6px 7px;
}


PM
#
For quick-edit to function, your post row template's post content area MUST be formed exactly like this:

CODE
<div id="pid_<!-- |pid| -->"><!-- THE POST <!-- |pid| --> --><div class='postcolor'><!-- |post| --></div><!-- |signature| --><!-- THE POST --></div>


There is a note regarding this in the wiki:

https://jcink.com/main/wiki/jfh-html-templa...notes_post_rows

Replace where you have just "<!-- |post| -->" with the above contents and it should be ok.

signature
email: admin@jcink.com :: blog: John C.
#
Ahh, thank you! I was not aware of that at all!
PM
#
No problem. Did you get it working now?

signature
email: admin@jcink.com :: blog: John C.
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:
Share this topic:
« Next Oldest | General Support | Next Newest »

Options Add ReplyNew TopicNew Poll