如何访问我通过themeroller生成的jqueryUI主题在我的网站上使用?

时间:2010-06-28 18:09:14

标签: jquery jquery-ui

基本上我如何使用themeroller样式?

第1步 - 实际查看我选择的页面上的样式。

这是我当前用来尝试访问标签的html

<?php if (isset($user_number)){ ?>

<!doctype html>

<html>

<head>

<title> Wahalu - Dashboard </title>

<link rel="stylesheet" type="text/css" href="/wahalu/css/style.css"/>

<link rel="shortcut icon" href="/wahalu/assets/images/icon/favicon.ico">

<script type="text/javascript" src="/wahalu/jquery/jquery.js">
</script>

<script type="text/javascript" src="/wahalu/jquery/script.js">
</script>

<link type="text/css" href="http://localhost/wahalu/jquery/css/custom-theme/jquery-ui-1.8.2.custom.css" rel="Stylesheet" /> 

<script type="text/javascript" src="/wahalu/jquery/js/jquery-1.4.2.min.js"></script>

<script type="text/javascript" src="/wahalu/jquery/js/jquery-ui-1.8.custom.min.js"></script>

 <meta name="title" content="Wahalu" />
</head> 
<body id="dashboard">
<?php echo $company_name; ?>
<div id="Tabs">
<ul>
    <li><a id='tabs-1' href='#account'><span>Account</span></a></li>
    <li><a id='tabs-2' href='#start_conversation'><span>Start Conversations</span></a></li>
 <li><a id='tabs-3' href='#view_conversation'><span>View Conversations</span></a></li>
 <li><a id='tabs-4' href='#open_tabs'><span>Open Tabs</span></a></li>
 <li><a id='tabs-5' href='#work_room'><span>Work Room</span></a></li>
</ul>
<div id="0">This is the content panel linked to the first tab, it is shown by default.</div>
<div id="1">This content is linked to the second tab and will be shown when its tab is clicked.</div>
</div>

</body> 
</html>

<?php } else {echo "Na na na na na na, your not logged in.";}?>

1 个答案:

答案 0 :(得分:1)

假设您想要编辑自定义样式(这就是我的想法中的问题) - 您只需要在您选择的文本编辑器中打开jquery-ui-1.8.2.custom.css。此文件中有一个URL,其中包含一个直接链接回到Themeroller站点上的自定义样式。