ایجاد طرح شبکه ای زیبا برای لیست انجمن ها در زنفورو

XenForo ایجاد طرح شبکه ای زیبا برای لیست انجمن ها در زنفورو 2020-12-29

Register & Get access to index
  • گذاشتن های کدهای فوق در قالب Extra.less

CSS:
/*Grid layout for node without addon OScript.ir*/
.block--category{
@media (min-width: 1100px){
@supports(display: grid){
.block-body{display:grid; grid-template-columns:50% 50%;}
.block-container{background-color: #ffffff00;border:none;}
.node-body{
  display:flex;
  flex-wrap: wrap;
  border-right: 1px solid #dedede;
  position:relative;
  height: 100%;
  padding:5px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.06);
  border-width: 1px;
  border-style: solid;
  background-color: #ffffff;
  border-top-color: #dfdfdf;
  border-right-color: #d8d8d8;
  border-bottom-color: #cbcbcb;
  border-left-color: #d8d8d8;
}
.node{margin: 5px 1px 5px 1px;}
.node-icon{width:12%; padding-top:5px;}
.node-main{width:87%;} .node-stats{width:110px;}
.node-extra{
  position:absolute;
  right:0px;
  bottom:0px;
  padding: 10px 10px 13px 0px;
}
}}
}
/*Grid layout for node without addon OScript.ir*/
Author
XenForo
Views
First release
Last update
Rating
0.00 star(s) 0 ratings

More resources from XenForo

Back
Top Bottom