Snitz Forums 2000
Snitz Forums 2000
Home | Profile | Register | Active Topics | Members | Search | FAQ
Username:
 Password:
Save Password
Forgot your Password?

 All Forums
 Help Groups for Snitz Forums 2000 Users
 Help: General / Classic ASP versions(v3.4.XX)
 CSS Conversion		  New Topic
 Printer Friendly
Author Previous Topic Topic Next Topic  

Carefree
Advanced Member

Philippines
4207 Posts
Posted - 21 April 2015 :  21:06:39  Show Profile  Reply with Quote
I suck at CSS and I need the following CSS file converted to ASP VBScript so I can use forum variables for colors, etc. 


#mbmcpebul_wrapper {
  padding: 4px;
  border-style: solid;
  border-color: #8C4439 #8C4439 #391E1A #8C4439;
  border-width: 1px;
  border-radius: 4px;
  background-color: transparent;
  box-shadow: 0 0 2px 0 #FFFFFF inset;
  border-collapse: separate;
  background-image: url('wrapper_bg.png');
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #CC6657 0%, #833E34 48%, #46231E 51%, #41201B 100%);
  background-image: -webkit-linear-gradient(top, #CC6657 0%, #833E34 48%, #46231E 51%, #41201B 100%);
  background-image: linear-gradient(top, #CC6657 0%, #833E34 48%, #46231E 51%, #41201B 100%);
  background-size: 100% 100%;
  font-size: 0;
  line-height: 0;
}

#mbmcpebul_wrapper.quirks {
  margin-bottom: 5px;
  margin-right: 5px;
}

#mbmcpebul_wrapper.quirks #mbmcpebul_table ul li {
  width: 100%;
}

#mbmcpebul_table {
  margin: 0px;
  margin-bottom: -5px;
  margin-right: -5px;
  padding: 0;
  line-height: 0px;
  font-size: 0px;
  display: inline-block;
  width: auto;
}

#mbmcpebul_table li a {
  line-height: 15px;
  font-size: 12px;
  font-family: "Segoe UI",sans-serif;
  text-decoration: none;
  color: #FFFFFF;
  font-style: normal;
  font-weight: normal;
  padding: 7px 22px 7px 7px;
  display: block;
  cursor: pointer;
  white-space: nowrap;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

#mbmcpebul_table li div.buttonbg {
  height: 29px;
  width: 64px;
  line-height: 0;
  background-color: transparent;
  border-style: solid;
  border-color: transparent;
  border-width: 1px;
  border-radius: 3px;
  padding: 0;
  box-shadow: none;
  text-align: center;
}

#mbmcpebul_table li:hover div.buttonbg a, #mbmcpebul_table li.expanded a.topitem, #mbmcpebul_table li.active a.topitem,
#mbmcpebul_table li.itemhot a.topitem, #mbmcpebul_table li a:hover {
  color: #FFFFFF;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}


#mbmcpebul_table li.expanded div.buttonbg, #mbmcpebul_table li.active div.buttonbg, #mbmcpebul_table li.itemhot div.buttonbg, #mbmcpebul_table li:hover div.buttonbg {
  background-color: transparent;
  box-shadow: 0 0 3px 0 #FFFFFF, 0 0 7px 0 #F0F0F0 inset;
}

#mbmcpebul_table li.expanded div.buttonbg, #mbmcpebul_table li.active div.buttonbg, #mbmcpebul_table li.itemhot div.buttonbg, #mbmcpebul_table li:hover div.buttonbg {
  border-color: #7C3930 #66322B #331B17 #66322B;
}

#mbmcpebul_table ul li a {
  color: #FFD0CA;
  font-family: roboto,sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  display: block;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

#mbmcpebul_table ul li:hover > a {
  color: #FFD0CA;
  font-family: roboto,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}

#mbmcpebul_table ul li.subexpanded a.subexpanded, #mbmcpebul_table ul li.subitemhot a.subitemhot, #mbmcpebul_table ul li a:hover {
  color: #FFD0CA;
  font-family: roboto,sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}

#mbmcpebul_table ul li:hover, #mbmcpebul_table ul li.subexpanded, #mbmcpebul_table ul li.subitemhot {
  border-color: transparent;
  background-color: #864137;
  box-shadow: none;
}

#mbmcpebul_table ul {
  margin: 0;
  border-style: solid;
  border-color: #984A3F;
  border-width: 1px;
  padding: 4px;
  background: #660D00;
  font-size: 0;
  border-radius: 3px;
}

#mbmcpebul_table ul li a {
  padding: 4px 12px 4px 10px;
  text-align: left;
}

#mbmcpebul_table ul li.separator {
  padding: 4px;
  cursor: default;
  background: none;
  box-shadow: none;
  border-width: 0;
}

#mbmcpebul_table ul li.separator div {
  border-top: 1px solid #864238;
  font-size: 0px;
}

#mbmcpebul_table ul li {
  border-style: solid;
  border-color: transparent;
  border-width: 0;
  height: auto;
  width: auto;
  text-align: left;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  float: none;
  margin: 0 0 5px 0;
  border-radius: 3px;
  padding: 0;
  box-shadow: none;
  background-color: #660D00;
  display: block;
}

#mbmcpebul_table ul li.last_item {
  margin-bottom: 0;
}


#mbmcpebul_table ul {
  box-shadow: 2px 2px 5px -2px #666666;
}

#mbmcpebul_table a img {
  border: none;
}

#mbmcpebul_table li {
  list-style: none;
  float: left;
  margin: 0px 5px 5px 0px;
  padding: 0;
  float: left;
  display: inline-block;
}

#mbmcpebul_table.css_menu li {
  position: relative;
}

#mbmcpebul_table.css_menu ul li:hover > ul {
  opacity: 1;
}

#mbmcpebul_table.css_menu li:hover > ul {
  top: 100%;
  left: 0;
  right: auto;
  opacity: 1;
}

#mbmcpebul_table.css_menu ul li:hover > ul {
  top: -1px;
  left: 100%;
  right: auto;
}

#mbmcpebul_table.css_menu ul {
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  transition-property:opacity;
  -webkit-transition-property:opacity;
  -moz-transition-property:opacity;
  -ms-transition-property:opacity;
  opacity: 0;
}

#mbmcpebul_table ul {
  position: absolute;
  top:-99999px;
  z-index: 4000;
}

#mbmcpebul_table ul ul {
  position: absolute;
  z-index: 5000;
}

#mbmcpebul_table .submenu_arrow {
  margin-left: 8px;
}


@media screen and (max-width: 500px) {
  #mbmcpebul_wrapper:not(.scripted) {
    text-align: center;
    background-image: url('wrapper_simple_bg.png');
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #CC6657 0%, #41201B 100%);
    background-image: -webkit-linear-gradient(top, #CC6657 0%, #41201B 100%);
    background-image: linear-gradient(top, #CC6657 0%, #41201B 100%);
    background-size: 100% 100%;
  }

  #mbmcpebul_wrapper:not(.scripted) #mbmcpebul_table li {
    float: none;
    vertical-align: top;
  }
}

#mbmcpebul_wrapper.centeritems {
  text-align: center;
  background-image: url('wrapper_simple_bg.png');
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #CC6657 0%, #41201B 100%);
  background-image: -webkit-linear-gradient(top, #CC6657 0%, #41201B 100%);
  background-image: linear-gradient(top, #CC6657 0%, #41201B 100%);
  background-size: 100% 100%;
}

#mbmcpebul_wrapper.centeritems #mbmcpebul_table li {
  float: none;
  vertical-align: top;
}
#mbmcpebul_table div.arrow { 
  background-image: url(ebab_mbmcp_d.png); 
  background-repeat: no-repeat; 
  background-position: right center; 
  height: 100%; 
} 

#mbmcpebul_table ul li a.with_arrow { 
  background-image: url(ebab_mbmcp_c.png); 
  background-repeat: no-repeat; 
  background-position: right center; 
  padding-right: 16px; 
} 

#mbmcpebul_table li:hover div.gradient31, #mbmcpebul_table li.expanded div.gradient31, #mbmcpebul_table li.active div.gradient31, #mbmcpebul_table li.itemhot div.gradient31 { 
  background-image: url('buttonhot_bg.png'); 
  background-repeat: repeat-x; 
  background-color: #8E3D31; 
} 

#mbmcpebul_table li:hover div.gradient_button, #mbmcpebul_table li.expanded div.gradient_button, #mbmcpebul_table li.active div.gradient_button, #mbmcpebul_table li.itemhot div.gradient_button { 
  background-image: -moz-linear-gradient(top, #EE8373 0%, #A2483C 47%, #5F271F 51%, #8E3D31 100%); 
  background-image: -webkit-linear-gradient(top, #EE8373 0%, #A2483C 47%, #5F271F 51%, #8E3D31 100%); 
  background-image: linear-gradient(top, #EE8373 0%, #A2483C 47%, #5F271F 51%, #8E3D31 100%); 
} 

#mbmcpebul_table li a.button_1, #mbmcpebul_table li div a.button_1 { 
  padding-right: 7px; 
} 

#mbmcpebul_table li a.button_8, #mbmcpebul_table li div a.button_8 { 
  padding-right: 7px; 
} 

#mbmcpebul_table li a.button_9, #mbmcpebul_table li div a.button_9 { 
  padding-right: 7px; 
}

HuwR
Forum Admin

United Kingdom
20584 Posts
Posted - 22 April 2015 :  04:28:14  Show Profile  Visit HuwR's Homepage
that's really the problem, you really shouldn't be mixing css and forum variables, it really defeats the point of css.

If you wish to use forum variables for colours etc then the css will need to be in the asp file rather than a css file. if it is in the file then you can just use response.write or use the <%= %> tags
MVC .net dev/test site | MVC .net running on Raspberry Pi
Go to Top of Page

Carefree
Advanced Member

Philippines
4207 Posts
Posted - 22 April 2015 :  15:21:54  Show Profile
Well, I know how to convert the bulk of it, but I can't find anything about this business on the web:

@media screen and (max-width: 500px) {
Go to Top of Page

ruirib
Snitz Forums Admin

Portugal
26364 Posts
Posted - 22 April 2015 :  18:33:18  Show Profile  Send ruirib a Yahoo! Message
That means the following css applies when the output is viewed on a screen with a max width of 500 px. It is what is known as a media query, which is a css mechanism to adapt the formatting of the HTML to devices with different widths.

Snitz 3.4 Readme | Like the support? Support Snitz too
Go to Top of Page

Carefree
Advanced Member

Philippines
4207 Posts
Posted - 23 April 2015 :  00:46:20  Show Profile
OK - so use a screen size mechanism and an if/then to incorporate that into ASP or is there a better way? That bit is at lines 47-49 (in red) in the following file and I KNOW I have never seen anything like it in an ASP file.


<%
Response.Write	"<style type=""text/css"">" & vbNewLine & _
	"<!--" & vbNewLine & _
	".mbmcpebul_wrapper {padding: 4px; border-style: solid; border-color: #8C4439 #8C4439 #391E1A #8C4439; border-width: 1px; border-radius: 4px; background-color: transparent; box-shadow: 0 0 2px 0 #FFFFFF inset; border-collapse: separate; background-image: url(wrapper_bg.png); background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #CC6657 0%, #833E34 48%, #46231E 51%, #41201B 100%); background-image: -webkit-linear-gradient(top, #CC6657 0%, #833E34 48%, #46231E 51%, #41201B 100%); background-image: linear-gradient(top, #CC6657 0%, #833E34 48%, #46231E 51%, #41201B 100%); background-size: 100% 100%; font-size: 0; line-height: 0;}" & _
	".mbmcpebul_wrapper.quirks {margin-bottom: 5px; margin-right: 5px;}" & _
	".mbmcpebul_wrapper.quirks {width: 100%;}" & _
	".mbmcpebul_table ul li {width: 100%;}" & _
	".mbmcpebul_table {margin: 0px; margin-bottom: -5px; margin-right: -5px; padding: 0; line-height: 0px; font-size: 0px; display: inline-block; width: auto;}" & _
	".mbmcpebul_table li a {line-height: 15px; font-size: 12px; font-family: " & strDefaultFontFace & "; text-decoration: none; color: #FFFFFF; font-style: normal; font-weight: normal; padding: 7px 22px 7px 7px; display: block; cursor: pointer; white-space: nowrap; -webkit-tap-highlight-color: rgba(0,0,0,0);}" & _
	".mbmcpebul_table li div.buttonbg {height: 29px; width: 64px; line-height: 0; background-color: transparent; border-style: solid; border-color: transparent; border-width: 1px; border-radius: 3px; padding: 0; box-shadow: none; text-align: center;}" & _
	".mbmcpebul_table li:hover div.buttonbg a {color: #FFFFFF; font-style: normal; font-weight: normal; text-decoration: none;}" & _
	".mbmcpebul_table li.expanded a.topitem {color: #FFFFFF; font-style: normal; font-weight: normal; text-decoration: none;}" & _
	".mbmcpebul_table li.active a.topitem {color: #FFFFFF; font-style: normal; font-weight: normal; text-decoration: none;}" & _
	".mbmcpebul_table li.itemhot a.topitem {color: #FFFFFF; font-style: normal; font-weight: normal; text-decoration: none;}" & _
	".mbmcpebul_table li a:hover {color: #FFFFFF; font-style: normal; font-weight: normal; text-decoration: none;}" & _
	".mbmcpebul_table li.expanded div.buttonbg {background-color: transparent; box-shadow: 0 0 3px 0 #FFFFFF, 0 0 7px 0 #F0F0F0 inset;}" & _
	".mbmcpebul_table li.active div.buttonbg {background-color: transparent; box-shadow: 0 0 3px 0 #FFFFFF, 0 0 7px 0 #F0F0F0 inset;}" & _
	".mbmcpebul_table li.itemhot div.buttonbg {background-color: transparent; box-shadow: 0 0 3px 0 #FFFFFF, 0 0 7px 0 #F0F0F0 inset;}" & _
	".mbmcpebul_table li:hover div.buttonbg {background-color: transparent; box-shadow: 0 0 3px 0 #FFFFFF, 0 0 7px 0 #F0F0F0 inset;}" & _
	".mbmcpebul_table li.expanded div.buttonbg {border-color: #7C3930 #66322B #331B17 #66322B;}" & _
	".mbmcpebul_table li.active div.buttonbg {border-color: #7C3930 #66322B #331B17 #66322B;}" & _
	".mbmcpebul_table li.itemhot div.buttonbg {border-color: #7C3930 #66322B #331B17 #66322B;}" & _
	".mbmcpebul_table li:hover div.buttonbg {border-color: #7C3930 #66322B #331B17 #66322B;}" & _
	".mbmcpebul_table ul li a {color: #FFD0CA; font-family: roboto,sans-serif; font-size: 12px; line-height: 16px; font-style: normal; font-weight: normal; text-decoration: none; display: block; vertical-align: middle; white-space: nowrap; -webkit-tap-highlight-color: rgba(0,0,0,0);}" & _
	".mbmcpebul_table ul li:hover > a {color: #FFD0CA; font-family: roboto,sans-serif; font-size: 12px; font-style: normal; font-weight: normal; text-decoration: none;}" & _
	".mbmcpebul_table ul li.subexpanded a.subexpanded {color: #FFD0CA; font-family: roboto,sans-serif; font-size: 12px; font-style: normal; font-weight: normal; text-decoration: none;}" & _
	".mbmcpebul_table ul li.subitemhot a.subitemhot {color: #FFD0CA; font-family: roboto,sans-serif; font-size: 12px; font-style: normal; font-weight: normal; text-decoration: none;}" & _
	".mbmcpebul_table ul li a:hover {color: #FFD0CA; font-family: roboto,sans-serif; font-size: 12px; font-style: normal; font-weight: normal; text-decoration: none;}" & _
	".mbmcpebul_table ul li:hover {border-color: transparent; background-color: #864137; box-shadow: none;}" & _
	".mbmcpebul_table ul li.subexpanded {border-color: transparent; background-color: #864137; box-shadow: none;}" & _
	".mbmcpebul_table ul li.subitemhot {border-color: transparent; background-color: #864137; box-shadow: none;}" & _
	".mbmcpebul_table ul {margin: 0; border-style: solid; border-color: #984A3F; border-width: 1px; padding: 4px; background: #660D00; font-size: 0; border-radius: 3px;}" & _
	".mbmcpebul_table ul li a {padding: 4px 12px 4px 10px; text-align: left;}" & _
	".mbmcpebul_table ul li.separator {padding: 4px; cursor: default; background: none; box-shadow: none; border-width: 0;}" & _
	".mbmcpebul_table ul li.separator div {border-top: 1px solid #864238; font-size: 0px;}" & _
	".mbmcpebul_table ul li {border-style: solid; border-color: transparent; border-width: 0; height: auto; width: auto; text-align: left; line-height: 0; font-size: 0; cursor: pointer; float: none; margin: 0 0 5px 0; border-radius: 3px; padding: 0; box-shadow: none; background-color: #660D00; display: block;}" & _
	".mbmcpebul_table ul li.last_item {margin-bottom: 0;}" & _
	".mbmcpebul_table ul {box-shadow: 2px 2px 5px -2px #666666;}" & _
	".mbmcpebul_table a img {border: none;}" & _
	".mbmcpebul_table li {list-style: none; float: left; margin: 0px 5px 5px 0px; padding: 0; float: left; display: inline-block;}" & _
	".mbmcpebul_table.css_menu li {position: relative;}" & _
	".mbmcpebul_table.css_menu ul li:hover > ul {opacity: 1;}" & _
	".mbmcpebul_table.css_menu li:hover > ul {top: 100%; left: 0; right: auto; opacity: 1;}" & _
	".mbmcpebul_table.css_menu ul li:hover > ul {top: -1px; left: 100%; right: auto;}" & _
	".mbmcpebul_table.css_menu ul {transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-property:opacity; -webkit-transition-property:opacity; -moz-transition-property:opacity; -ms-transition-property:opacity; opacity: 0;}" & _
	".mbmcpebul_table ul {position: absolute; top:-99999px; z-index: 4000;}" & _
	".mbmcpebul_table ul ul {position: absolute; z-index: 5000;}" & _
	".mbmcpebul_table .submenu_arrow {margin-left: 8px;}" & _
	".media screen and (max-width: 500px) {" & _
	".mbmcpebul_wrapper:not(.scripted) {text-align: center; background-image: url('wrapper_simple_bg.png'); background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #CC6657 0%, #41201B 100%); background-image: -webkit-linear-gradient(top, #CC6657 0%, #41201B 100%); background-image: linear-gradient(top, #CC6657 0%, #41201B 100%); background-size: 100% 100%;}" & _
	".mbmcpebul_wrapper:not(.scripted) #mbmcpebul_table li {float: none; vertical-align: top;}}" & _
	".mbmcpebul_wrapper.centeritems {text-align: center; background-image: url('wrapper_simple_bg.png'); background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #CC6657 0%, #41201B 100%); background-image: -webkit-linear-gradient(top, #CC6657 0%, #41201B 100%); background-image: linear-gradient(top, #CC6657 0%, #41201B 100%); background-size: 100% 100%;}" & _
	".mbmcpebul_wrapper.centeritems {float: none; vertical-align: top;}" & _
	".mbmcpebul_table li {float: none; vertical-align: top;}" & _
	".mbmcpebul_table div.arrow { background-image: url(ebab_mbmcp_d.png);  background-repeat: no-repeat;  background-position: right center;  height: 100%;}" & _
	".mbmcpebul_table ul li a.with_arrow { background-image: url(ebab_mbmcp_c.png);  background-repeat: no-repeat;  background-position: right center;  padding-right: 16px;}" & _
	".mbmcpebul_table li:hover div.gradient31 {background-image: url('buttonhot_bg.png');  background-repeat: repeat-x;  background-color: #8E3D31;}" & _
	".mbmcpebul_table li.expanded div.gradient31 {background-image: url('buttonhot_bg.png');  background-repeat: repeat-x;  background-color: #8E3D31;}" & _
	".mbmcpebul_table li.active div.gradient31 {background-image: url('buttonhot_bg.png');  background-repeat: repeat-x;  background-color: #8E3D31;}" & _
	".mbmcpebul_table li.itemhot div.gradient31 {background-image: url('buttonhot_bg.png');  background-repeat: repeat-x;  background-color: #8E3D31;}" & _
	".mbmcpebul_table li:hover div.gradient_button {background-image: -moz-linear-gradient(top, #EE8373 0%, #A2483C 47%, #5F271F 51%, #8E3D31 100%);  background-image: -webkit-linear-gradient(top, #EE8373 0%, #A2483C 47%, #5F271F 51%, #8E3D31 100%);  background-image: linear-gradient(top, #EE8373 0%, #A2483C 47%, #5F271F 51%, #8E3D31 100%);}" & _
	".mbmcpebul_table li.expanded div.gradient_button {background-image: -moz-linear-gradient(top, #EE8373 0%, #A2483C 47%, #5F271F 51%, #8E3D31 100%);  background-image: -webkit-linear-gradient(top, #EE8373 0%, #A2483C 47%, #5F271F 51%, #8E3D31 100%);  background-image: linear-gradient(top, #EE8373 0%, #A2483C 47%, #5F271F 51%, #8E3D31 100%);}" & _
	".mbmcpebul_table li.active div.gradient_button {background-image: -moz-linear-gradient(top, #EE8373 0%, #A2483C 47%, #5F271F 51%, #8E3D31 100%);  background-image: -webkit-linear-gradient(top, #EE8373 0%, #A2483C 47%, #5F271F 51%, #8E3D31 100%);  background-image: linear-gradient(top, #EE8373 0%, #A2483C 47%, #5F271F 51%, #8E3D31 100%);}" & _
	".mbmcpebul_table li.itemhot div.gradient_button {background-image: -moz-linear-gradient(top, #EE8373 0%, #A2483C 47%, #5F271F 51%, #8E3D31 100%);  background-image: -webkit-linear-gradient(top, #EE8373 0%, #A2483C 47%, #5F271F 51%, #8E3D31 100%);  background-image: linear-gradient(top, #EE8373 0%, #A2483C 47%, #5F271F 51%, #8E3D31 100%);}" & _
	".mbmcpebul_table li a.button_1 {padding-right: 7px;}" & _
	".mbmcpebul_table li div a.button_1 {padding-right: 7px;}" & _
	".mbmcpebul_table li a.button_8 {padding-right: 7px;}" & _
	".mbmcpebul_table li div a.button_8 {padding-right: 7px;}" & _
	".mbmcpebul_table li a.button_9 {padding-right: 7px;}" & _
	".mbmcpebul_table li div a.button_9 {padding-right: 7px;}" & _
	"-->" & vbNewLine & _
	"</style>" & vbNewLine
%>


Edited by - Carefree on 23 April 2015 00:50:07
Go to Top of Page

HuwR
Forum Admin

United Kingdom
20584 Posts
Posted - 23 April 2015 :  03:58:55  Show Profile  Visit HuwR's Homepage
you need to write exactly as it was in the css, so you need the @ in front of media
MVC .net dev/test site | MVC .net running on Raspberry Pi
Go to Top of Page

ruirib
Snitz Forums Admin

Portugal
26364 Posts
Posted - 23 April 2015 :  05:46:05  Show Profile  Send ruirib a Yahoo! Message
I frankly think you are doing it wrong. CSS has come a long way since Snitz was conceived and the old Snitz way is not longer even considered in web development.

If I were you, I would try to add the css classes to the relevant parts of your HTML and leave the css files alone, simply linking to them from your ASP.

Snitz 3.4 Readme | Like the support? Support Snitz too
Go to Top of Page

AnonJr
Moderator

United States
5768 Posts
Posted - 23 April 2015 :  10:32:16  Show Profile  Visit AnonJr's Homepage
Way back when 3.4.07 was released I had started a CSS-based version, with some other optimizations: http://projects.waywardsondevelopers.com/basepackage/ (ProgramCheck/ProgramCheck should give you a standard user to log in as)

It does have some MODs included (only those that help admins - e.g. FAQ Admin, Custom Policy, Site Integration), and when I was done I had planned on presenting it as a candidate for a 3.5.00 release...

Unfortunately a sleep disorder (still don't know what it is) hit hard and stalled progress. I was nearly done with the first run, and had planned on going back through and revising the CSS and structure (I can already see some poor decisions that need some fixing). Maybe if I can shake loose some time/energy I can get this back in gear, and have something worth presenting in the near future.
Go to Top of Page

AnonJr
Moderator

United States
5768 Posts
Posted - 23 April 2015 :  10:43:12  Show Profile  Visit AnonJr's Homepage
Also, right before the sleep issues hit hard, I'd adopted the http://www.asp-ajaxed.org/ framework to keep the site running and with the intent to fix and add a few things. I've considered from time to time integrating it into the aforementioned project.

While the Snitz community has been generally reluctant to add in outside frameworks (somewhat justifiably, need to de-couple Prototype from ASP-Ajaxed...), I think this is a little different and could help make adding MODs easier.

A valid counter-point is that the existing MODs would need to be re-written and most of the authors have long since left. Those actively developing MODs and other changes are far and few between (though Carefree seems to be making up for many of them ).

Figured I'd toss that into the mix. My next main project really needs to be migrating ASP-Ajaxed from Google Code to GitHub...
Go to Top of Page

Carefree
Advanced Member

Philippines
4207 Posts
Posted - 24 April 2015 :  13:58:36  Show Profile
quote:
Originally posted by ruirib

I frankly think you are doing it wrong. CSS has come a long way since Snitz was conceived and the old Snitz way is not longer even considered in web development.

If I were you, I would try to add the css classes to the relevant parts of your HTML and leave the css files alone, simply linking to them from your ASP.


I'd love to but cannot integrate Snitz variables into standard CSS. If I want the menu appearance to reflect the rest of the forum, I have no choice.
Go to Top of Page
  Previous Topic Topic Next Topic  
 New Topic
 Printer Friendly
Jump To:
Snitz Forums 2000 © 2000-2021 Snitz™ Communications Go To Top Of Page
This page was generated in 0.35 seconds. Powered By: Snitz Forums 2000 Version 3.4.07