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