Berikut adalah kode HTML untuk isian menu sidebar pada OJS
<tbody> <tr><th>ADDITIONAL MENUS</th></tr> <tr> <td><a href="http://jurnal.htp.ac.id/index.php/keskom/about/editorialTeam" target="_blank">Editorial Team</a></td> </tr> <tr> <td><a href="http://jurnal.htp.ac.id/index.php/keskom/reviewers" target="_blank">Peer Reviewers</a></td> </tr> <tr> <td><a href="http://jurnal.htp.ac.id/index.php/keskom/review" target="_blank">Peer Review Process</a></td> </tr> <tr> <td><a href="http://jurnal.htp.ac.id/index.php/keskom/focusandscope" target="_blank">Focus and Scope</a></td> </tr> <tr> <td><a href="http://jurnal.htp.ac.id/index.php/keskom/ethic" target="_blank">Publication Ethics</a></td> </tr> <tr> <td><a href="http://jurnal.htp.ac.id/index.php/keskom/onlinesubmission" target="_blank">Online Submission</a></td> </tr> <tr> <td><a href="http://jurnal.htp.ac.id/index.php/keskom/guideline" target="_blank">Online Submission Guidelines</a></td> </tr> <tr> <td><a href="http://jurnal.htp.ac.id/index.php/keskom/plagiarism" target="_blank">Plagiarism Check</a></td> </tr> <tr> <td><a href="http://jurnal.htp.ac.id/index.php/keskom/apcs" target="_blank">Article Proccessing Charge</a></td> </tr> <tr> <td><a href="http://jurnal.htp.ac.id/index.php/keskom/openaccess" target="_blank">Open Access Statement</a></td> </tr> <tr> <td><a href="http://jurnal.htp.ac.id/index.php/keskom/licence" target="_blank">Licence Term</a></td> </tr> <tr><th>SUPLEMENTARY FILES</th></tr> <tr> <td><a href="https://drive.google.com/file/d/0B0KJITuOYogVb2ZWNDZjX09scDg/view?usp=sharing" target="_blank">COI Disclosure</a></td> </tr> <tr> <td><a href="https://drive.google.com/file/d/0B0KJITuOYogVZFVfay0zOFU2ekE/view?usp=sharing" target="_blank">ICMJE Recommendation</a></td> </tr> <tr> <td><a href="https://drive.google.com/file/d/0B0KJITuOYogVSHhMU1F3dHhhb28/view?usp=sharing" target="_blank">STROBE Guidelines</a></td> </tr> <tr> <td><a href="https://drive.google.com/file/d/0B0KJITuOYogVTE5hZXhEZ1B2ZkU/view?usp=sharing" target="_blank">SRQR Guidelines</a></td> </tr> <tr> <td><a href="https://drive.google.com/file/d/0B0KJITuOYogVdlhoNFlYdmYycFE/view?usp=sharing" target="_blank">Free Plagiarism Statement</a></td> </tr> <tr> <td><a href="https://drive.google.com/file/d/0B0KJITuOYogVQXhEMDAycXZHSEE/view?usp=sharing" target="_blank">Covering Letter and Statement Form</a></td> </tr> </tbody> </table></body></html>
dan berikut adalah kode CSS untuk membuat tampilan kode html diatas sesuai dengan style yang kita inginkan
.pkp_structure_head {
background: #595959;
}
.pkp_structure_page {
margin-top: 0px;
margin-bottom: 0px;
}
.pkp_structure_main h1 {
font-weight: 600;
font-size: 20px;
}
a {
color: #333300;
}
.pkp_page_index .current_issue h2 {
display: inline-block;
padding-bottom: 0em;
border-bottom: 3px solid #ff8000;
text-transform: capitalize;
font-weight: 700;
color: rgba(0,0,0,0.54);
}
.pkp_page_index .current_issue .current_issue_title {
font-size:14px;
}
.obj_issue_toc .heading .published .label {
text-transform:capitalize;
font-size: 90%;
}
.pkp_page_index .current_issue .read_more {
margin-bottom: 20px;
margin-top: 20px;
}
.obj_issue_toc .section h2 {
position: relative;
display: inline-block;
top: auto;
left: auto;
padding: 0 0 5px;
border-bottom: 3px solid #ff8000;
background: transparent;
text-transform: capitalize;
font-weight: 700;
padding-bottom: 0em;
}
.pkp_navigation_primary_row{
background-color: grey;
text-align:left;
padding-left:15px;
}
#navigationPrimary a {
font-size: 13.5px;
color: #f2f2f2;
font-weight: 100;
text-transform: capitalize;
}
#navigationPrimary ul {
background: #595959;
}
#navigationPrimary [aria-expanded="true"]:before {
border-bottom-color: #595959;
}
/* Menu Tambahan Kanan by [email protected] */
.hoverTable{
width:100%;
border-collapse:collapse;
}
.hoverTable th{
height:30px; background: #ffffff; color:#105183;
}
.hoverTable td{
height:30px; padding-top:3px;vertical-align:middle;
border-bottom:1px solid #ffffff;
text-align:center;
}
.hoverTable td a{
width:100%;display:block;
}
/* warna latar setiap baris tabel dan warna tulisan */
.hoverTable tr{
background: #105183; color:#ffffff;
}
/* warna ketika dilewati mouse */
.hoverTable tr:hover {
background-color: #0c426b;
}
.hoverTable a {
color:#ffffff;
}
.hoverTable a:hover {
color:#f0850c;
}
/* --- Menu Tambahan Kanan by [email protected] */
.pkp_head_wrapper .pkp_search .search_controls .search_prompt{
font-size: 13.5px;
color: #f2f2f2;
font-weight: 100;
text-transform: capitalize;
}
.pkp_navigation_user_wrapper a {
font-size: 15px;
font-weight: 200;
}
body {
font-family: tahoma,geneva,sans-serif;
background: #e6e6e6;
font-size:14px;
}
body p {
font-family: tahoma,geneva,sans-serif;
font-size: 14px;
}
.pkp_block {
font-size: 14px;
line-height: 20px;
clear: both;
border-bottom: 1.5px solid #ddd;
}
.pkp_structure_sidebar{
background:#ffffff;
}
.pkp_block .title {
display: inline-block;
padding-bottom: 0em;
border-bottom: 3px solid #ff8000;
font-weight: 600;
text-transform: capitalize;
}
.obj_article_details .main_entry .label {
display: inline-block;
padding: 0 0 5px;
border-bottom: 3px solid #ff8000;
color: rgba(0,0,0,0.54);
text-transform: capitalize;
}
.pkp_structure_content {
padding-top: 0;
background:#ffffff;
}
.obj_article_details .abstract {
text-align: justify;
font:tahoma,geneva,sans-serif;
}
.obj_article_summary > .title {
font-size: 14.5px;
line-height: 20px;
font-weight: 100;
}
.obj_article_summary {
padding-bottom: 10px !important;
border-bottom: solid 1px #ff8000 !important;
font-size: 12px;
}
.pkp_site_name .is_img img {
display: inline-block;
max-height: 100px;
max-width: 100%;
width: auto;
height: auto;
}
.pkp_footer_content {
float: none;
width: 100%;
clear: both;
padding-top: 10px;
}
.pkp_brand_footer {
background: #e6e6e6;
}
.pkp_structure_footer_wrapper {
background: #595959;
border-bottom: 0px solid;
}
.obj_galley_link {
font-weight: 700;
text-transform: Capitalize;
background: grey;
color: #fff;
border: none;
}
.cmp_breadcrumbs {
text-transform: capitalize;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active {
background: #8c8c8c;
border: 0px solid #3c2d61;
}
Komentar