Difference between revisions of "Template:RUM-UPRM/Example"
Paulamanan (Talk | contribs) |
Paulamanan (Talk | contribs) |
||
| (8 intermediate revisions by the same user not shown) | |||
| Line 18: | Line 18: | ||
ul.nav-pills { | ul.nav-pills { | ||
top: 70px; | top: 70px; | ||
| − | |||
| − | |||
position: sticky; | position: sticky; | ||
| − | + | top: 70px; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | top: 70px; | + | |
margin-left: 4em; | margin-left: 4em; | ||
margin-top: 4em; | margin-top: 4em; | ||
| Line 44: | Line 30: | ||
} | } | ||
| + | ul.nav { | ||
| + | position: sticky; | ||
| − | + | } | |
| − | . | + | div.col-9 div { |
| + | height: 500px; | ||
| + | width: 50px; | ||
display: block; | display: block; | ||
text-decoration: none; | text-decoration: none; | ||
| Line 60: | Line 50: | ||
overflow: hidden; | overflow: hidden; | ||
transition: all 0.5s | transition: all 0.5s | ||
| + | } | ||
| + | .sticky { | ||
| + | position: relative; | ||
| + | top: 0; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .myScrollspy { | ||
| + | position: sticky; | ||
| + | top: 70px;.scroll-spy | ||
| + | margin-left: 4em; | ||
| + | margin-top: 4em; | ||
| + | /*border-radius: 0px 15px 15px 0px;*/ | ||
| + | max-width: 12vw; | ||
| + | overflow-wrap: break-word; | ||
| + | line-height: 1; | ||
| + | overflow: hidden; | ||
| + | |||
} | } | ||
| Line 66: | Line 73: | ||
transition: all 0.2s; | transition: all 0.2s; | ||
font-weight: 700; | font-weight: 700; | ||
| − | |||
} | } | ||
| + | |||
</style> | </style> | ||
| Line 80: | Line 87: | ||
<div class="container-fluidtwo"> | <div class="container-fluidtwo"> | ||
<div class="row"> | <div class="row"> | ||
| − | <nav class="col-sm- | + | <nav class="col-sm-2 col-3" id="myScrollspy"> |
| − | <ul class="nav nav-pills | + | <ul class="nav nav-pills"> |
<li class="nav-item"> | <li class="nav-item"> | ||
<a class="nav-link active" href="#section1">Tema 1</a> | <a class="nav-link active" href="#section1">Tema 1</a> | ||
| Line 112: | Line 119: | ||
<p style=" margin-left:7%; margin-right:7%">Text Here </p> | <p style=" margin-left:7%; margin-right:7%">Text Here </p> | ||
</div> | </div> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</div> | </div> | ||
Latest revision as of 14:05, 27 October 2020
TITLE
Title
Text Here
Tema 2
Text Here
Tema 3
Text Here