DIR Return Create A Forum - Home
---------------------------------------------------------
Hack Community
HTML https://roshacks.createaforum.com
---------------------------------------------------------
*****************************************************
DIR Return to: Comments & FeedBacks
*****************************************************
#Post#: 589--------------------------------------------------
Re: New Forum Styles.
By: pipo1337 Date: May 18, 2018, 9:59 am
---------------------------------------------------------
Updated but i just see some few changes
HTML https://i.imgur.com/gTfs87S.png
Jump section title is not white anymore they are like
"transparent" and also GO button , btw good job for updates
#Post#: 592--------------------------------------------------
Re: New Forum Styles.
By: Rygna Date: May 18, 2018, 10:23 am
---------------------------------------------------------
[quote author=–•™_pipo_™•– link=topic=150.msg589#msg589
date=1526655541]
Updated but i just see some few changes
HTML https://i.imgur.com/gTfs87S.png
Jump section title is not white anymore they are like
"transparent" and also GO button , btw good job for updates
[/quote]
Whoop!, imma fix dis!.. also adding some padding for span
ratings and simple smooth effect hover for footer logo.
HTML https://i.snag.gy/isFdlW.jpg
[code]
div.moderatorbar div[align=right] {
padding-right: 20px;
}
#footer_section div.frame {
transition: all .3s ease-in-out
}
[/code]
*Modified Code for Ratings Padding.
[hr]
Changing Color to "white" for Jump to Select & GO Button.
[code]
input[value=go],
select#display_jump_to_select {
color: #fff;
}
[/code]
#Post#: 593--------------------------------------------------
Re: New Forum Styles.
By: pipo1337 Date: May 18, 2018, 10:29 am
---------------------------------------------------------
On Mozilla Firefox footer logo doesnt show up do you have any
idea?
#Post#: 594--------------------------------------------------
Re: New Forum Styles.
By: Rygna Date: May 18, 2018, 10:47 am
---------------------------------------------------------
[quote author=–•™_pipo_™•– link=topic=150.msg593#msg593
date=1526657354]
On Mozilla Firefox footer logo doesnt show up do you have any
idea?
[/quote]
Technically, the `content` is not supposed to be used like that,
psuedo that support with ::after and ::before.
Try this Tricky Things:
[code]
#footer_section {
padding-top: 10px;
}
#footer_section div.frame {
#background-color: rgb(32, 32, 32);
display: block;
padding: 20px;
content: '';
margin: auto;
transition: all .3s ease-in-out;
}
#footer_section div.frame span,
#footer_section div.frame a {
display: none;
}
#footer_section::before {
content: url(
HTML https://i.imgur.com/XnrcqlK.png);
}
[/code]
[+] Work with Chrome & Mozilla.
[-] Text "|" is showed ( again ).
[-] Without Hover Effect.
[hr]
Fix some Jump Select & GO Button Colors.
[code]
input[value=go],
select#display_jump_to_select {
color: #fff;
}
[/code]
#Post#: 595--------------------------------------------------
Re: New Forum Styles.
By: pipo1337 Date: May 18, 2018, 11:14 am
---------------------------------------------------------
Okey changes and thanks :)
#Post#: 641--------------------------------------------------
Re: New Forum Styles.
By: Rygna Date: May 23, 2018, 6:20 pm
---------------------------------------------------------
Premium Looking Forum Styles! (maybe ;-;)
Adding Some Dope Texture/Pattern with Slide Animation for every
category/thread header. (Support Firefox & Chrome).
HTML https://ori.moe/w0w.gif
[hr]
[code]
.catbg,
.catbg2,
tr.catbg td,
tr.catbg2 td,
tr.catbg th,
tr.catbg2 th {
color: #fff;
font-family: arial, helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;
padding-left: 6px;
background: #e74c3c
url(
HTML https://www.transparenttextures.com/patterns/diagmonds.png)<br
/>repeat 0 0;
animation: slide-anim 20s linear infinite;
}
span.clear.upperframe span {
display: none;
}
@keyframes slide-anim {
from { background-position: 0 0; }
to { background-position: -400px 0; }
}
@-webkit-keyframes slide-anim {
from { background-position: 0 0; }
to { background-position: -400px 0; }
}
[/code]
You can change Texture/Pattern with Transparent .PNG Image
Format, also *if you can.. use `HTTPS://` for every image
background.
[hr]
• Optional. ( w/ Smooth Border-Radius for Forum Thread Header ).
[code]
div#forumposts div.cat_bar {
border-radius: 3px;
}
[/code]
#Post#: 643--------------------------------------------------
Re: New Forum Styles.
By: pipo1337 Date: May 23, 2018, 8:30 pm
---------------------------------------------------------
[quote author=Rygna link=topic=150.msg641#msg641
date=1527117634]
Premium Looking Forum Styles! (maybe ;-;)
Adding Some Dope Texture/Pattern with Slide Animation for every
category/thread header. (Support Firefox & Chrome).
HTML https://ori.moe/w0w.gif
[hr]
[code]
.catbg,
.catbg2,
tr.catbg td,
tr.catbg2 td,
tr.catbg th,
tr.catbg2 th {
color: #fff;
font-family: arial, helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;
padding-left: 6px;
background: #e74c3c
url(
HTML https://www.transparenttextures.com/patterns/diagmonds.png)<br
/>repeat 0 0;
animation: slide-anim 20s linear infinite;
}
span.clear.upperframe span {
display: none;
}
@keyframes slide-anim {
from { background-position: 0 0; }
to { background-position: -400px 0; }
}
@-webkit-keyframes slide-anim {
from { background-position: 0 0; }
to { background-position: -400px 0; }
}
[/code]
You can change Texture/Pattern with Transparent .PNG Image
Format, also *if you can.. use `HTTPS://` for every image
background.
[hr]
• Optional. ( w/ Smooth Border-Radius for Forum Thread Header ).
[code]
div#forumposts div.cat_bar {
border-radius: 3px;
}
[/code]
[/quote]
Ayy this is good nice design thank you for suggesting i upload
for everyone who visit forum ^^
#Post#: 644--------------------------------------------------
Re: New Forum Styles.
By: pipo1337 Date: May 23, 2018, 8:36 pm
---------------------------------------------------------
Notice:
If you can fix to dont look like this because is ugly this or i
will try to make like <br> only
HTML https://i.imgur.com/YFajUHi.png
If you can also make good look on this with your diamond slide
HTML https://i.imgur.com/vlTUrit.png
#Post#: 645--------------------------------------------------
Re: New Forum Styles.
By: Rygna Date: May 24, 2018, 8:57 am
---------------------------------------------------------
Some 'Big?' Improvements for interface.
- Completely rewrite whole navbar/navigation Styles/Design, with
sleek Effects.
- Darken main body colors.
- Adding margin for `Hack Community Information`.
- Fix minor bugs (alignments).
[hr]
[quote=Screenshot]
Navbar/Navigation:
HTML https://i.snag.gy/oT0Jr5.jpg
HTML https://ori.moe/w0w2.gif
[hr]
Hack Community - Info Center Re-design
HTML https://i.snag.gy/ejHviy.jpg
[/quote]
[code=css]
div#upshrinkHeaderIC {
margin-top: 5px;
}
div.title_barIC h4.titlebg {
padding-left: 6px;
background: rgba(231, 76, 60, .5)
url(
HTML https://www.transparenttextures.com/patterns/diagmonds.png)<br
/>repeat 0 0;
animation: slide-anim 30s linear infinite;
}
#main_menu {
float: left;
margin: 0;
margin-bottom: -4px;
border-bottom: 2px solid #fff;
width: 100%;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
background: #c0392b
url(
HTML https://www.transparenttextures.com/patterns/diagmonds.png)<br
/>repeat 0 0;
animation: slide-anim 30s linear infinite;
}
.dropmenu {
padding: auto;
}
.dropmenu li a.firstlevel span.firstlevel > img {
opacity: .7;
}
.dropmenu li a.firstlevel span.firstlevel {
font-size: 10px;
display: block;
position: relative;
padding: 10px 15px 10px 15px;
line-height: 19px;
white-space: pre;
}
.dropmenu li a.active {
background: #fff
url(
HTML https://www.transparenttextures.com/patterns/diagmonds.png)<br
/>repeat 0 0;
animation: slide-anim 30s linear infinite;
background-color: #fff;
color: #e74c3c;
font-weight: bold;
}
.dropmenu li a.active:hover {
color: #fff;
}
.dropmenu li a.firstlevel {
background-color: transparent;
}
.dropmenu li a.firstlevel:hover,
.dropmenu li:hover a.firstlevel {
background: #fff
url(
HTML https://www.transparenttextures.com/patterns/diagmonds.png)<br
/>repeat 0 0;
animation: slide-anim 30s linear infinite;
color: #fff;
cursor: pointer;
text-decoration: none;
}
.dropmenu li li {
width: 100%;
margin: 0;
}
body {
background: #282828;
font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
margin: 0 80px;
padding: 15px 0;
}
div#forumposts div.cat_bar .catbg {
text-align: left;
border-radius: 3px;
}
[/code]
With almost 1 Hours rewriting, Hope you satisfy with my design.
#Post#: 646--------------------------------------------------
Re: New Forum Styles.
By: pipo1337 Date: May 24, 2018, 10:18 am
---------------------------------------------------------
Sure better than I expected you have creative ideas,I appreciate
your work
July,August i will purchase domain so i will hope we will raise
to bigger forum and also thanks to your creative ideas on design
*****************************************************
DIR Previous Page
DIR Next Page